程序员经验分享-hwhale

谷歌新闻，左导航 CSS 技巧？或 jQuery 技巧

2024-03-23

我对此很陌生。查看 Google 新闻...上下滚动页面时请注意左侧导航。

看看是如何滚动一小段，然后在消失之前粘在页面顶部的吗？

关于如何做到这一点有什么想法吗？ jQuery 和 CSS 可以复制这一点吗？如果是这样，有什么建议吗？


YouTube 上的某些页面（例如收藏夹页面）也执行此操作。我建议您使用 Firefox 的 firebug 扩展之类的东西来弄清楚他们是如何做到这一点的。我想他们正在使用 CSS 和 Javascript 的组合。也许类似，将位置切换为fixed当处于某个垂直位置时。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery

css

谷歌新闻，左导航 CSS 技巧？或 jQuery 技巧 的相关文章

  • 无法在 .tsx 文件中导入 CSS 模块

    我正在使用 typescript 构建基本的 React 应用程序 但无法导入 CSS 文件索引 tsx file 我能够导入索引 css文件如下 import index css this import gives typescript

  • 播放选定的音频，同时暂停/重置其他音频

    我有两个通过按钮的单击事件播放的音频元素 如果选择了另一个元素 我已成功地暂停其中一个元素 但还需要将暂停元素设置回 0 0 秒 即暂停和重置 我知道 Javascript 目前没有stop 导致的方法假设这将通过设置其来完成current

  • 上传进度条 Java Servlet？

    我想使用 servlet 显示上传进度条 我尝试过Ajax iFrame 技术 页面没有重新加载 文件也被上传 但是 进度条没有出现 有没有可用于 javaservlts 的 jQuery 进度插件 Thanks 我强烈推荐jQuery 上

  • 如何用纯JavaScript控制变换距离

    我做的http codepen io adamchenwei pen dOvJNX http codepen io adamchenwei pen dOvJNX 我尝试对 dom 应用某种移动方式 使其移动固定距离并停止 而不是动画并移动穿

  • 背景颜色的不透明度，但不是文本的不透明度[重复]

    这个问题在这里已经有答案了 如何使背景的跨浏览器 包括 Internet Explorer 6 透明div而文本仍然不透明 我需要在不使用任何库 例如 jQuery 等 的情况下完成此操作 但如果您知道有一个库可以实现此目的 我很想知道 这

  • 使用无图像按钮有哪些优点？

    讨论关于这个答案 https stackoverflow com questions 520640 how can i use googles new imageless button how could i reverse enginee

  • 如何将一个表单的文件上传字段中的值复制到另一个表单的文本字段？

    我有一页上有两种不同的表格 第一个表单允许用户上传图像文件并通过电子邮件发送 第二个表单根据用户输入生成 URL 为了将图像名称添加到 URL 我需要在第二个表单中有一个字段 该字段从第一个表单的字段中复制图像名称 我不想让用户浏览并选择图

  • 从 Bootstrap 4 网格中删除装订线

    在 Bootstrap 4 中 我被要求自定义桌面的默认网格系统 如下所示 其中 容器 桌面断点为1280px 我尝试过的例子是 body margin top 3rem l wrap max width 1280px margin rig

  • TYPO3 显示子页面的内容，包括 css 类

    使用以下打字稿 我从一页上的子页面获取所有内容 lib allPid COA lib allPid 10 HMENU 10 special directory special value 2 1 TMENU 1 expAll 1 NO do

  • 使用 Jquery 附加链接

    我正在尝试根据您所在的页面添加指向我的页面的链接 我使用 Squarespace 来构建这个网站 因此对我来说最简单的方法是使用 Javascript 或 Jquery 我认为我缺少的这个语法有问题 我已经尝试用 来打破引号 但这不起作用

  • 如何在 HTML 表格上使用分页？

    我正在尝试使用这个分页library http flaviusmatis github io simplePagination js 在我的 HTML 表格页面 特别是浅色主题 中 但不知何故 我无法理解如何在我的 HTML 页面中以这种方

  • 从 html5

    我正在寻找一种方法来根据用户代理字符串将控件属性添加到视频标签 我不希望在 iPad 和 Android 之外的任何浏览器或设备上出现控件属性 所以我认为用户代理是最好的识别方法 因为 ipad 和 android 一词出现在各自的 UA

  • IE8 中空 div 层的 z-index 问题

    我在 IE8 中遇到 z index 问题 其他尚未测试 以下 JS 创建一些 html css document write img src border 0 document write div style background col

  • @font-face 字体在 Mac 的 Safari 和 Chrome 中显示模糊

    I m using two special fonts on my website for headings and subtitles They are working fine on a PC in IE Firefox and Chr

  • 如何使用CSS将文本放在“框”的右上角或右下角

    我怎样才能得到here and and here位于右侧 与 lorem ipsums 位于同一行 请参阅以下内容 Lorem Ipsum etc here blah blah blah blah lorem ipsums and here

  • jquery ajax加载后丢失CSS

    大家知道如何解决 load Ajax 请求后的 css 问题吗 例如 如果我想从网页加载 DIV 在我的 Ajax 请求之后 container load path to div div id 我丢失了与该 div 关联的所有 css 和脚

  • 如何在不设置动画的情况下突然更改 CSS 动画中的属性

    这是我试图弄清楚的 但没有使用 51 关键帧作为实现更改的黑客方法transform origin 这里有一个小提琴演示 http jsfiddle net p7pswnpq keyframes spin 0 transform origi

  • SlickGrid 回调onRowSelect？

    我想在用户选择表中的一行时添加回调 但我不知道该怎么做 这是我到目前为止所拥有的

  • 在firefox上用js改变表单方法

    我需要使用 javascript jQuery 或纯 更改表单的方法属性 我的表单有 method post 我尝试用以下方法更改它 submit button click function var url input id url val

  • 优化 CSS 交付 - Google 的建议

    谷歌建议在 head 中使用非常重要的 CSS 内联 并在内部使用其他 CSS

随机推荐

  • 对话框打开时触发事件

    我的对话框是在div下定义的 dialogbox 当对话框打开时 我想触发一个事件 以便它警告打开 我使用的代码是 dialogbox dialog open function alert OPEN 但这似乎在打开对话框时不会触发 请帮忙

  • 如何创建仅提供静态内容的 VirtualHost

    我想在 apache 中创建一个虚拟主机 使其仅提供静态内容 如样式表 视频 图像 javascript 文本文件等 我没有考虑此虚拟主机的任何 处理 功能 创建一个VirtualHost录入如下

  • 在 php 中使用自动加载并搜索类文件会影响性能吗？

    我一直在努力解决如何最好地将类包含到我的 php 代码中 路径通常是一个问题 但几分钟前我发现这个问题 https stackoverflow com questions 4369 how to include php files that

  • Solrcloud 多核配置

    我有一个独立的Solr具有 4 个不同内核的实例使用嵌入式 Jetty 服务器运行良好 我为 v4 10 3 配置了核心 但自从我迁移到 v5 1 后 一切似乎都工作正常 无需任何更改 在投入生产之前 我需要将其设置为Solrcloud 安

  • 使用 C++ Boost 库有哪些优点？ [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • 滚动视图内的 ExpandableListView

    在我的应用程序中 我想创建一个具有 ExpandableListView 和其下方的 CheckBox 的页面 我的问题是我的 ExpandableListView 太大 导致 CheckBox 超出页面范围 在较小的屏幕上根本不可见 我尝

  • 如何使用命令提示符或 Power shell 为多个文件夹中的多个文件创建符号链接？

    我有两个主文件夹 它们在不同的驱动器中有很多子文件夹 必须为第二个文件夹中的所有文件创建到第一个文件夹的符号链接 C folderC gt tree f C folder1 file1 txt file3 txt folder2 file1

  • Angular 7选择下拉对象在未触摸时为空

    在我的应用程序中 ngOnInit 加载货币 类别和制造商 我为此使用 Angular 7 反应形式 数据按预期加载 下拉列表中填充了值以及选择的第一个选项并向用户显示 所以 这就是问题所在 完成表单并单击提交 使用默认下拉值 后 我看到一

  • 重定向到另一台服务器 - ASP MVC

    有人知道如何使用 ASP NET MVC 重定向到另一个服务器 解决方案吗 像这样的东西 public void Redir String param Redirect to another application ie Redirect

  • DELETE 语句与 REFERENCE 冲突

    我有一个 table Project 其中包含 CustomerID 链接到 tbl Customer 在 tbl Customer 中 我有 Customer ID 作为键 和一些其他信息 如电话 电子邮件等 要从 Gridview 中删

  • 将数据从background.js发送到popup.html

    In my background js 当加载期间 URL 匹配时 它会加载 ajax 例如 它是 google com 它会触发 ajax 并收到一些数据 但如何将这些数据发送到我的 popup html 呢 I tried chrome

  • 检查文件修改日期和电子邮件（如果已更改）[关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我正在寻找一个 bash 脚本 该脚本将检查文件在过去一小时内是否已被修改 并通过电子邮件发送警报 如果已修改 该脚本将在 Solaris 和 Ubu

  • 为什么使用 ssh 将备份文件转储到另一台服务器时会出现“tcgetattr”错误？

    我想将表备份转储到另一台服务器上 并且我正在使用 ssh 来执行此操作 当我运行以下命令时 它会给出错误 但转储文件已复制到目标 mysqldump u username ppassword dbname tablename ssh t t

  • g++ 找不到标头，但我确实包含了它们

    我开始使用 c 并且已经出错了 我正在尝试编译 levelDB 的一个小测试 include

  • Set.toString() 是如何实现的？

    The toString 方法未被覆盖Set或其层次结构 那么元素是如何打印的呢 import java lang Math import java util HashSet class Hello public String name H

  • 通过wicket动态编写脚本src

    我希望我的页面能够动态加载 javascriptbody 我正在使用检票口1 4版所以JavaScriptResourceReference 在我的版本中不存在 据我检查 事实并非如此 我该如何解决这个问题 提前致谢 我将我的评论指定为答案

  • 如何在 TypeScript 中处理 ISO 日期字符串？

    我是打字稿的新手 所以我正在努力掌握它的窍门 网络请求将返回一个 JSON 对象 其中包含 ISO 日期字符串格式的字段 data Data when 2016 07 13T18 46 01 933Z 当我为此接口创建类型签名时 是否有任何

  • Clozure Common Lisp - TCP 套接字编程 - 发送回复

    我有一个非常小的程序 它打开一个套接字并接受一个连接 然后它会获取远程 IP 和端口 我想向远程计算机 telnet 发送一条短信并关闭连接 我无法确定哪个函数用于向 telnet 客户端发送消息 The Clozure手册 http cc

  • Matplotlib AttributeError：“模块”对象没有属性“popall”

    当尝试使用 pyplot 绘制图表时 我运行以下代码 from matplotlib import pyplot as plt x 6 5 4 y 3 4 5 plt plot x y plt show 这将返回以下错误 Attribute

  • 谷歌新闻，左导航 CSS 技巧？或 jQuery 技巧

    我对此很陌生 查看 Google 新闻 上下滚动页面时请注意左侧导航 看看是如何滚动一小段 然后在消失之前粘在页面顶部的吗 关于如何做到这一点有什么想法吗 jQuery 和 CSS 可以复制这一点吗 如果是这样 有什么建议吗 YouTube

热门标签