1

私はjscrollpaneフルページスクロールメソッドhttp://jscrollpane.kelvinluck.com/fullpage_scroll.htmlを使用しています。Ipad と Iphone では無効にしたいが、dekstop ではそのままにしておく。最大幅 1024px の jscrollpane を削除する方法はありますか。

4

1 に答える 1

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 の検出

于 2013-06-07T05:57:33.637 に答える