移动端怎么用JS判断是手势是向上滑动还是向下滑动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端怎么用JS判断是手势是向上滑动还是向下滑动相关的知识,希望对你有一定的参考价值。

参考技术A   var divTwo = $('.divTwo');
  //1.禁用div的滚轮事件
  $('.divTwo').mousewheel(function (e) 
  return false;
  );
  //2.如果滚动条到底底部的时候 禁用window的滚轮滚动
  //3.判断滚动的方向
  divTwo.mousewheel(function (e, delta) 
  var decoration = delta > 0 ? 'Up' : 'down';
  $('.divFixed').text(decoration);
  var scrollTop = divTwo.scrollTop();
  var scrollHegiht = divTwo[0].scrollHeight;
  var height = divTwo.height();
  //滚动条 到底部且 滚轮向下滚动
  if (scrollTop + height >= scrollHegiht && delta < 0) 
  e.preventDefault();
  
  //滚动条 到顶部 且滚轮向上
  else if (scrollTop == 0 && delta > 0) 
  e.preventDefault();
  
  );
  $(document).mousewheel(function (e, delta) 
  $('.divFixed').text(delta);
  );
  有一个mousewheel.js插件可以实现你说的功能。这是你需要的判断向上或者向下滚动的代码。希望对你有帮助,或者你直接百度一下mousewheel看一下具体的代码。

本回答被提问者采纳

以上是关于移动端怎么用JS判断是手势是向上滑动还是向下滑动的主要内容,如果未能解决你的问题,请参考以下文章

移动端的一个js效果:手滑动向上向下滚动li标签

js判断元素滑动方向(上下左右)移动端

移动应用滑动屏幕方向判断解决方案,JS判断手势方向

关于移动端滑动手势

js判断移动端手势 上下左右滑动事件

Js判断H5上下滑动方向及滑动到顶部和底部判断