hi,欢迎访问本站!
当前位置: 首页Web前端正文

jq如何判断滚动条是否在页面底部

墨初 Web前端 854阅读

想要利用jquery来判断页面的滚动条是否在页面的底部,就需要获取页面的高度以及滚动条的位置。下面是具体的操作方法,大家可以参考一下。

jquery判断滚动条是否在页面底部

jquery检测滚动条是否已经在页面的底部。可以通过获取当前滚动条的位置和文档高度的差值来判断。

例:

var $scrollHeight = $(document).height();
var $scrollTop = $(window).scrollTop();
var $windowHeight = $(window).height();
if ($scrollHeight - $scrollTop === $windowHeight) {
    // 滚动条已经在底部,可以触发响应的事件
}

例2:

jq设置滚动条滚动到页面最底部。

var $scrollHeight = $(document).height();
var $windowHeight = $(window).height();
$(window).scrollTop($scrollHeight - $windowHeight);  // 设置页面滚动条到最低部

以上就是jquery中操作页面滚动条的方法,通过上面的方法可以判断滚动条是否到达页面底部以及设置滚动条到页面底部的行为。大家可以多多的参考一下。

声明:无特别说明,转载请标明本文来源!