码迷,mamicode.com
首页 > 其他好文 > 详细

滚动加载方法

时间:2018-06-22 15:32:45      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:LLC   scrollto   get   TE   元素   window   var   prevent   body   

/**
*
* @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;
})
}

滚动加载方法

标签:LLC   scrollto   get   TE   元素   window   var   prevent   body   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!