首页 > 其他 > 详细

滚动加载方法

时间:2018-06-22 15:14:57      阅读:189      评论:0      收藏:0      [点我收藏+]
/**
*
* @param {*} scrollClass
* @param {*} fn
* @param {*} preventLoad
* 滚动的元素
* 滚动回调方法
* 锁死滚动的方法
*/
var initScroll = function(scrollClass,fn){
var self = this;console.log(123)
 
var beforeScrollTop = document.body.scrollTop || document.documentElement.scrollTop;

document.getElementById(scrollClass).addEventListener(‘scroll‘, function(e){
 
var afterScrollTop = this.scrollTop || this.scrollTop,
windowHeight = window.innerHeight,
scrollHeight = this.scrollHeight,
delta = afterScrollTop - beforeScrollTop;

if( (afterScrollTop + windowHeight)/scrollHeight>=0.95 ){
(typeof fn==‘function‘) && fn();
}

//将新的滑动距离赋值给上一次的滑动
beforeScrollTop = afterScrollTop;
})
}

滚动加载方法

原文:https://www.cnblogs.com/dabingqi/p/9213525.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!