小程序的onPageScroll函数防抖与函数节流

最新推荐文章于 2024-09-12 17:43:39 发布

原创

最新推荐文章于 2024-09-12 17:43:39 发布 · 6.5k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #防抖节流函数 #js #scroll

场景

函数防抖和节流都能优化 js 的性能，在开发的过程中由于要监听页面滚动的高度，但是每次屏幕的滑动，距离顶部有变化就会执行一次方法；这会导致性能的下降，简单来说用户体验极差；

解决方法

把两个方法封装到公用的tool.js

/*函数节流*/
function throttle(fn, interval) {
   
   
  var enterTime = 0;//触发的时间
  var gapTime = interval || 300 ;//间隔时间，如果interval不传，则默认300ms
  return function() {
   
   
    var context = this;
    var backTime =