如何在 jQuery 中获取浏览器滚动位置
How do I get the browser scroll position in jQuery?
我有一个带有滚动的Web文档。 我想获取当前滚动位置的值(以像素为单位)。 当我运行下面的函数时,它返回值零。 我该怎么做?
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript">
$(function (){
$('#Eframe').on("mousewheel", function() {
alert(document.body.scrollDown)
}
})
</script>
既然你似乎正在使用jQuery,这里有一个jQuery解决方案。
$(function() {
$('#Eframe').on("mousewheel", function() {
alert($(document).scrollTop());
});
});
这里没有太多要解释的。 如果你愿意,这里是jQuery文档。
最好使用$(window).scroll()
而不是$('#Eframe').on("mousewheel")
如果用户使用滚动条上的向上和向下箭头手动滚动或抓取并拖动滚动条本身,则不会触发$('#Eframe').on("mousewheel")
。
$(window).scroll(function(){
var scrollPos = $(document).scrollTop();
console.log(scrollPos);
});
如果#Eframe
是一个带有overflow:scroll
的元素,并且您想要它的滚动位置。我认为这应该有效(不过我还没有测试过)。
$('#Eframe').scroll(function(){
var scrollPos = $('#Eframe').scrollTop();
console.log(scrollPos);
});
Pure JavaScript 可以做到!
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
相关文章:
- 禁用(而不是隐藏)浏览器滚动条
- 使用浏览器滚动条而不是iframe滚动条
- 替代浏览器滚动行为
- Jquery浏览器滚动问题
- 使用 jquery 停用浏览器滚动条
- 是否有在浏览器滚动到命名锚点时触发的事件
- 如何在 jQuery 中获取浏览器滚动位置
- 阻止浏览器滚动到 :target
- 检测浏览器滚动条上的鼠标按下/单击事件
- 如何检测浏览器滚动到每个元素的底部
- 浏览器滚动在DOM中是如何工作的
- 如何在不删除选择框滚动条的情况下删除浏览器滚动条
- 浏览器滚动条动画性能
- 如何找到浏览器滚动条的总可滚动高度
- 选择所有文本,使浏览器滚动到顶部
- 在窗口后启用浏览器滚动条.打开滚动条=no
- 浏览器滚动事件是否可能由DOM操作(而不是用户操作或显式调用)触发?.ScrollTop美元)
- 自定义按钮,以取代浏览器滚动-保持和连续滚动
- 浏览器滚动和页面滚动
- 如何隐藏android浏览器's滚动条而不禁用滚动功能