如何禁用Ipad和Iphone的jscrollpane

Question

我使用jscrollpane全页滚动方法http://jscrollpane.kelvinluck.com/fullpage_scroll.html。我想禁用Ipad和Iphone，但保留桌面。有没有办法删除jscrollpane为max-width 1024px.

Answer 1

您可以使用一些javascript来检测screen.width()，并且仅在屏幕显示时调用jscrollpane.js函数。大小超过某个阈值。您可以使用类似于下面的代码:

<script type="text/javascript" id="sourcecode">
if (screen.width > 960 ){           
$(function()
            {
                $('.scroll-pane').jScrollPane();
            });
}
</script>

另外，如果你发现屏幕尺寸不可靠，或者如果你在纵向和横向等方面遇到麻烦，你可以尝试查看并找出设备是否是基于useragent的iphone/ipad。

延伸到下面的内容:

      <script type="text/javascript" id="sourcecode">
      iphoneOrIpad = navigator.userAgent.toLowerCase().indexOf('apple-iphone') > -1;    
      if (!iphoneOrIpad){           
       $(function()
            {
                $('.scroll-pane').jScrollPane();
            });
       }
      </script>

但是看看这个列表，因为你需要查找的选项很多:

http://www.enterpriseios.com/wiki/Complete_List_of_iOS_User_Agent_Strings

还可以看看这个:

从jQuery中检测iPhone