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中操作页面滚动条的方法,通过上面的方法可以判断滚动条是否到达页面底部以及设置滚动条到页面底部的行为。大家可以多多的参考一下。