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

还看看这个：

Detecting the iPhone from jQuery

如何禁用Ipad和Iphone的jscrollpane

1 个答案: