在移动设备上禁用整页 js

Question

我尝试禁用移动设备的整页 js，但它不起作用。 我使用的脚本是：

    <script>
     var isPhoneDevice = "ontouchstart" in document.documentElement; 
$(document).ready(function() {
        if(isPhoneDevice){
            //mobile
        }
            else{
                 $(document).ready(function(){
             $('#fullpage').fullpage();
        responsive: 700 // here is solution
         })
            }
        });
     </script>

网站链接：http://demo.lamppostmedia.in/arklan-dev/

帮我禁用它。

Answer 1

不再有“移动设备”之类的东西。桌子是移动设备吗？触摸屏笔记本电脑算台式机吗？

处理此问题的正确方法是将行为基于访问者正在访问的设备的分辨率。

这就是为什么fullPage.js version 3 提供了responsiveWidth 和responsiveHeight 选项，允许您在达到特定阈值时关闭快照效果。

请参阅Responsive width example for fullPage.js。

这里的示例代码： https://github.com/alvarotrigo/fullPage.js/tree/master/examples

您可以在the fullpage.js documentation 中阅读有关响应式选项的更多信息：

responsiveWidth:（默认0）将在定义的像素宽度下使用普通滚动（autoScrolling:false）。一个类fp-responsive 被添加到body 标签中，以防用户想要将它用于他们自己的响应式CSS。例如，如果设置为 900，只要浏览器的宽度小于 900，插件就会像普通网站一样滚动。

responsiveHeight：（默认0）在定义的像素高度下将使用普通滚动（autoScrolling:false）。一个类fp-responsive 被添加到body 标签中，以防用户想要将它用于他们自己的响应式CSS。例如，如果设置为 900，只要浏览器的高度小于 900，插件就会像普通网站一样滚动。