js 万恶之源是否滚动到底部？

滚动监听与懒加载优化

转载于 2018-10-26 22:55:00 发布 · 61 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/CyLee/p/9859182.html

本文介绍了一种在前端开发中实现滚动监听和懒加载优化的方法。通过使用节流策略，可以有效地控制滚动事件的触发频率，避免因频繁滚动而引起的性能问题。具体实现上，当元素滚动到底部时，会触发特定的处理函数，例如加载更多数据或内容。这种方法不仅提高了用户体验，还优化了页面性能。

let scrollHandle = (el) => {
	// 如果已经滚到底部了
	if (el.scrollHeight - el.scrollTop === el.clientHeight) {
		console.log(123)
	}
}

// 懒加载优化：滚动节流策略
let __SCROLLTIMER__ = null
// 绑定滚动事件
$('.dgtable__warp').scroll(e => {
    clearTimeout(__SCROLLTIMER__);
    __SCROLLTIMER__ = setTimeout(_ => scrollHandle(e), 150);
})