jquery - 如何为 Ipad 和 Iphone 禁用 jscrollpane

Question

我正在使用 jscrollpane 整页滚动方法http://jscrollpane.kelvinluck.com/fullpage_scroll.html。我想为 Ipad 和 Iphone 禁用它，但为 dekstop 保留。有没有办法删除最大宽度为 1024px 的 jscrollpane。

Answer 1

您可以使用一些 javascript 来检测 screen.width() 并仅在 screen.size 高于某个阈值时调用 jscrollpane.js 函数。您可以使用类似于以下的代码：

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

或者，如果您发现屏幕尺寸不可靠，或者您在纵向和横向等方面遇到问题，您可以尝试查看设备是否是基于用户代理的 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