javascript - jquery touchswipe 插件在 iOS 上无法正常工作

标签 javascript jquery

所以基本上我正在开发一个网站,其中滚动事件的默认设置被阻止,而是每次滚动都会带您向下或向上到下一个“部分”。这在 PC 和某些手机上运行得很好,但在 iOS 上,滚动变得一团糟,坦白说,我没有主意了。

我使用的移动设备滚动 API 是 jquery touchSwipe https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

下面的代码是应该完成所有工作的函数。

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        $(window).swipe({
          swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
            if (scrolling == false && direction === "down") {
              scrolling = true;
              scrollSection = Math.round($(window).scrollTop()/window.innerHeight);
              scrollTo_(event,sections[scrollSection-1]);
              setTimeout(function() {
                scrolling = false;
              }, 1000);
            }
            else if (scrolling == false && direction === "up") {
              scrolling = true;
              scrollSection = Math.round($(window).scrollTop()/window.innerHeight);
              scrollTo_(event,sections[scrollSection+1]);
              setTimeout(function() {
                scrolling = false;
              }, 1000);
            }
          }
        });
      }

如果您有任何疑问,请务必告诉我,我将更新此问题。

最佳答案

您尝试过 this ? 前几天在我的网络应用程序中,我研究了 Jquery UI slider ,这不适用于移动设备,因此在附加后它就可以工作了。

关于javascript - jquery touchswipe 插件在 iOS 上无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58243565/

相关文章:

javascript - jQuery 一页从零开始

javascript - 如果应用程序空闲到 10 分钟,如何从闪屏启动

javascript - 带有页眉和页脚的双动画模态

javascript - Krajee 文件输入仅上传最后选择的图像

jquery - 如何使用 jQuery 同时运行 `show` 和 `animate`?

javascript - 在滚动条上隐藏导航栏 - Athlete Wordpress 主题

javascript - 递归比较 JavaScript 中的对象数组

jQuery slideToggle 只显示和隐藏但不能正确设置动画

javascript - 当浏览器调整大小时隐藏粘性导航

jquery - 可见性切换中的相关元素位置