问手柄trackpad惯性滚动javascript
EN

Stack Overflow用户

提问于 2021-03-26 23:23:38

回答 1查看 109关注 0票数 0

我正在创建一个完整页面的网站，我使用fullPageScrollPureJs作为插件滚动到部分。它与鼠标滚轮和键盘配合使用效果很好，但使用触摸板时，它可以同时滚动多个页面。有没有办法处理与触摸板的滚动，并防止多页滚动？谢谢!

<link rel="stylesheet" href="https://rawgit.com/almeida-matheus/fullPageScrollPureJS/master/app/assets/stylesheet/full-page-scroll.css">

<body>
  <div id="main" class="scroll-container">
    <section style="background-color:blue"></section>
    <section style="background-color:red"></section>
    <section style="background-color:green"></section>
    <section style="background-color:blue"></section>
  </div>
  
  <!-- Scripts section -->
  <script src="https://rawgit.com/almeida-matheus/fullPageScrollPureJS/master/app/assets/javascript/full-page-scroll.js"></script>
<script>
    //Init FullScroll Plugin
    new fullScroll({
        mainElement: "main",
        displayDots: true,
        dotsPosition: "right",
        animateTime: 0.7,
        animateFunction: "ease"
    });
</script>
</body>

javascript

scroll

trackpad

回答 1

Stack Overflow用户

发布于 2021-03-26 23:26:45

比较e.wheelDeltaY和e.deltaY (或火狐中的e.deltaMode )来检测触摸板鼠标设备

    var isTouchPad = e.wheelDeltaY ? e.wheelDeltaY === -3 * e.deltaY : e.deltaMode === 0
    // your code
    document.body.textContent = isTouchPad ? "isTouchPad" : "isMouse"
}
document.addEventListener("mousewheel", handler, false);
document.addEventListener("DOMMouseScroll", handler, false);```

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66819747

复制

相似问题

问手柄trackpad惯性滚动javascript
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问手柄trackpad惯性滚动javascriptEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问手柄trackpad惯性滚动javascript
EN