判断滚动条滑到底部触发事件(实例讲解)
来源:懂视网
责编:小采
时间:2020-11-27 22:25:30
判断滚动条滑到底部触发事件(实例讲解)
判断滚动条滑到底部触发事件(实例讲解):实例如下所示: $(document).on(scroll, function () { //真实内容的高度 var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight); //视窗的高度 var viewportHeight = win
导读判断滚动条滑到底部触发事件(实例讲解):实例如下所示: $(document).on(scroll, function () { //真实内容的高度 var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight); //视窗的高度 var viewportHeight = win
实例如下所示:
$(document).on("scroll", function () {
//真实内容的高度
var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight);
//视窗的高度
var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
//隐藏的高度
var scrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
//判断加载视频,文章,回答,医生
if(pageHeight - viewportHeight - scrollHeight <=0){
//事件
}
});
以上这篇判断滚动条滑到底部触发事件(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
判断滚动条滑到底部触发事件(实例讲解)
判断滚动条滑到底部触发事件(实例讲解):实例如下所示: $(document).on(scroll, function () { //真实内容的高度 var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight); //视窗的高度 var viewportHeight = win