jquery判断滚动条位置与停止滚动条的方法_jquery滚动条

当前位置：首页 > 脚本编程 > jquery > jquery滚动条 > 正文

jquery判断滚动条位置与停止滚动条的方法: 发布时间：2020-04-07编辑：脚本学堂

jquery如何判断滚动条是否到达顶部或底部，在页面文档滚动事件中判断滚动条的当前位置，并介绍了jquery如何停止滚动条的方法。

jquery/scrollbar/ target=_blank class=infotextkey>jquery滚动条位置检测：

$(document).scrollTop() 获取垂直滚动的距离即当前滚动的地方的窗口顶端到整个页面顶端的距离
$(document).scrollLeft() 这是获取水平滚动条的距离

1、获取顶端只需要获取到scrollTop()==0的时候就是顶端了
2、获取底端只要获取scrollTop()>=$(document).height()-$(window).height() 滚动到底端

$(document).height() //是获取整个页面的高度
$(window).height() //是获取当前浏览器所能看到的页面的那部分的高度，这个大小在缩放浏览器窗口大小时会改变，与document不同

测试例子，判断jquery滚动条的位置：

复制代码代码示例:

$(document).scroll(function(){

    $("#lb").text($(document).scrollTop());

})

<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一个固定的span标记 滚动时方便查看-->

或在文档的滚动事件中判断：

复制代码代码示例:

$(window).scroll(function(){
checkIt($(document).scrollTop());
})

function checkIt(n){
return n !== 0 ? false : true;
}

jquery如何停止滚动条？

使自动滚动的滚动条停止滚动：

window.clearTimeOut(id);

与jquery滚动条位置有关的一些例子：

上一篇：jquery浮动菜单：侧边浮动导航菜单效果
下一篇：jquery滚动条事件怎么用才好？jquery滚动条事件二个例子

与 jquery判断滚动条位置与停止滚动条的方法有关的文章

本文标题：jquery判断滚动条位置与停止滚动条的方法
本页链接：http://www.jb200.com/jquery/30977.html

jquery判断滚动条位置与停止滚动条的方法