繁体 English 中英

根据滚动位置/锚点更改CSS

[英]Change CSS based on scroll position/anchor points

原文 2013-05-22 01:11:36 1 1 javascript/ html/ css/ web

在我的网站上，我目前正在让用户点击一组导航链接，点击这些链接会突出显示他们的黄色背景。

我记得在http://docs.meteor.com/上看到这个网站上有类似的效果

这里，当用户滚动到文档中的特定锚点时，链接到它的导航元素被突出显示。 这是如何运作的？ 如何在我的页面上开始实现这样的功能？

任何简短的示例代码都将非常感激。 我已经使用了一些JavaScript一段时间了，并且无法重新创建任何东西。

编辑：为了澄清我在Meteor站点上看到的效果，当您在右列中滚动时，左列中的相关菜单元素将字体颜色更改为红色。 不，悬停效果。

在bootstrap中有一个名为scrollspy的现成品

[英]change css class based on scroll position

[英]Change picture based on scroll position

[英]Change anchor position based on menu height

[英]Scroll to a position relative to an anchor

[英]Applying CSS parameters based on scroll position with JavaScript

[英]Changing CSS parameters based on scroll position

[英]jQuery change css of element depending on scroll position

[英]change menuitem based on scroll position using javascript

[英]HTML Anchor Points - Wrong Position

[英]Dynamically change href based on scroll position

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 根据滚动位置更改CSS类根据滚动位置更改图片根据菜单高度更改锚点位置滚动到相对于锚点的位置使用JavaScript根据滚动位置应用CSS参数根据滚动 position 更改 CSS 参数 jQuery根据滚动位置更改元素的CSS 使用 javascript 基于滚动 position 更改菜单项 HTML锚点-位置错误根据滚动位置动态更改href

相关标签