Jquery 在移动（触摸）设备上禁用fullpage.js

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

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

所以我想做的是在手机和平板电脑上禁用fullpage.js，但在台式机上仍然启用它。我查看了fullPage.js的问题和文档，但找不到一个简单的方法

有人能帮我吗

---

非常感谢

不要在触摸设备上初始化整页。 您必须处理移动/触摸设备检测。只要在谷歌上搜索一下，甚至在这里搜索一下，就可以找到不同的选择

应该是这样的：

var isPhoneDevice = [ WHATEVER FUNCTION YOU WANT TO USE ]

//if it is not a phone device...
if(!isPhoneDevice){
    //initializing fullpage...
    $.fn.fullpage();
}

更新 目前，fullpage.js提供了另一种选择。使用

响应宽度

和

响应高度

选项。 这样，fullpage.js将在给定值（px）下像普通网站一样工作

这也可以与类

fp auto height responsive

结合使用，以防止fullPage.js在responsive上设置节的高度，并让您完全控制它们

更多或更多信息，请参阅本帮助中心文章。

我使用这种方式

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

---

我遇到的更简单的方法-这就是我正在使用的：

if(screen.width < 480) { 
// do any 480 width stuff here, or simply do nothing
return;
} else {
// do all your cool stuff here for larger screens
}

if（screen.width<480）{
//在这里做任何事情，或者什么都不做
返回；
}否则{
//在这里为更大的屏幕做你所有的酷东西
}

自上次回答后，

fullPage.js

中添加了响应性设计可能性。您可以从下面的示例中看到

---

有关详细信息，请阅读中的

responsiveWidth

和

responsiveHeight

。

谢谢，我有一个思维障碍。我认为Modernizer对触摸设备检测很有用，所以我可能会选择它。