当元素到达页面顶部时 jQuery 改变位置

标签 jquery css css-position

我正在尝试更改页面元素的 CSS 位置,基本上只是一个侧边栏小部件,一旦元素到达页面顶部,我想将其位置从绝对位置更改为固定位置。当您提出问题时,可以在 stackoverflow 上看到一个示例,他们有一个侧边栏,该边栏保持在一个位置,直到它到达页面顶部。所以基本上我想知道如何使用 jQuery 测试元素的位置,在此先感谢您的任何建议!

最佳答案

使用 .offset() 和 scrollTop() 查找元素与可视区域顶部之间的距离。

var distanceFromTop = $("testSelector").offset().top - $(window).scrollTop();

关于当元素到达页面顶部时 jQuery 改变位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16700818/

相关文章:

jquery - 平滑滚动、固定导航和 iPad 2 的问题

css - 如何从中心绝对定位元素 - CSS

javascript - JQuery 中的行计数

javascript - 如何使用 jquery 创建单击按钮时出现的 iframe

javascript - IE 中触发的事件是异步发生的

javascript - 从多选 jQuery UI 小部件动态添加复选框

html - 创建 .grid.column 类时的@for 指令问题

jquery - 工具提示 jqueryUI css 问题

javascript - JSFiddle 下拉按钮不可点击

html - 如何用相对位置叠加图像?