javascript - 智能滚动

标签 javascript jquery html css scroll

我想知道,一些现代网站如何知道我是否在滚动。如果是这样,“我在”页面上的位置,然后执行特定功能。

例如页面9gag.com .右侧是一个绿色按钮“Y U No Signup?!”,当我进一步向下滚动时,此按钮消失,页面顶部出现类似的内容。

另一个例子是每张图片的标题。当我看着它们并向下滚动时,标题“跟随我”,但直到到达特定图片的末尾,它才停止。

最佳答案

这很简单。例如,使用 jquery,您可以在 .scroll() 中调用一个函数,每当您开始滚动时触发...只需使用 .offset() 从顶部或底部开始,您就可以定位并可以触发任何您想要的

关于javascript - 智能滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9067749/

相关文章:

javascript - JS单页应用程序和基于PHP的登录系统?

javascript - Passport - Node.js 不返回刷新 token

javascript - 当用户在 IE8 中按 Enter 键时,如何阻止 classic-asp 页面提交表单?

javascript - 在 jQuery 中使用克隆方法时摆脱文本框的 Value 属性

javascript - 使用javascript自动选择自定义选择框中的第一个选项

javascript - Node.js http 基本身份验证

javascript - 为什么 jQuery 无法触发对 anchor 标记的 native 点击?

jquery - 可拖动变为可拖动

html - 字段集中的边界半径不起作用

jquery - 居中对齐 div 内容