成都网站建设设计

将想法与焦点和您一起共享

判断滚动条滑到底部触发事件(实例讲解)

实例如下所示:

成都创新互联公司主营渭城网站建设的网络公司,主营网站建设方案,app软件开发公司,渭城h5成都微信小程序搭建,渭城网站营销推广欢迎渭城等地区企业咨询

$(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){
  //事件
 }
});

以上这篇判断滚动条滑到底部触发事件(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


当前名称:判断滚动条滑到底部触发事件(实例讲解)
文章链接:http://chengdu.cdxwcx.cn/article/pgpesj.html