开发中有很多根据滚动来判断的逻辑,这时候最重要的一个步骤就是先判断滚动方向,然后才能进行后续逻辑
我把自己最近项目中用到的代码放在下面(项目用的vue),各位酌情修改

 data() {
    return {
    	initTop: 0 
    }
 }
 methodds:{
   scrollEvent() {
      // 判断滚动方向
      let scrollTop = this.$refs["room"].wrap.scrollTop;
      let scroll = scrollTop - this.initTop;
      this.initTop = scrollTop;
      let dir = "down";
      dir = scroll <= 0 ? "up" : "down";
      if (dir === "up") {
       //向上滚动
      } else {
      // 向下滚动
        if (scrollTop > 20) {
          // 判断滚动距离大于20px
        }
      }
    },
}
Logo

前往低代码交流专区

更多推荐