jquery - 在移动(触摸)设备上禁用 fullpage.js

标签 jquery fullpage.js slimscroll

我正在使用 fullpage.js 和 slimscroll.js 插件,该插件是允许在内容超出其容器部分高度的部分中滚动所必需的。

我注意到触摸设备上的体验非常糟糕。通常情况下,您可以滑动、释放并观看页面仍然滚动,但在 slimscroll div 上,一旦您的手指离开触摸区域,滚动就会停止。

所以我想做的是在手机和平​​板电脑上禁用 fullpage.js,但仍然在桌面上启用它。我查看了 fullPage.js 的问题和文档,但找不到执行此操作的简单方法。

有人可以帮我吗?

非常感谢

最佳答案

我就是用这个方法的!

var isPhoneDevice = "ontouchstart" in document.documentElement; 
$(document).ready(function() {
        if(isPhoneDevice){
            //mobile
        }
            else{
                //desktop               
                $.fn.fullpage();
            }
        });

关于jquery - 在移动(触摸)设备上禁用 fullpage.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22457529/

相关文章:

java - 从数据库中获取记录并自动生成树

javascript - 如何使用 fullpage.js 滚动 div 内容

javascript - wow.js 和 fullpage.js 动画触发同时滚动到/离开视口(viewport)

javascript - Jquery slimscroll 不隐藏

javascript - 带有 slimscroll 的水平滚动条

jquery - 如何根据特定条件仅获取一个元素?

jquery - 如果ajax响应在特定时间后未返回,如何显示错误

jquery - Chrome : Setting width on inline-block element programatically

javascript - fullPage.js 没有缓动

javascript - 在 jQuery slimScroll 1.3.3 插件中的 Firefox 中跳跃滚动