問題タブ [nicescroll]

にフォームページがありHTML5ます。ページが大きすぎるので、スクロールを追加しました: jquery.nicescroll

フォームをラップし<div>て iPhone 4 を設定し、コンストラクター関数height:480pxを実行しました。niceScroll

それは正常に動作しますが、問題は、各デバイスに独自の高さ: (height-40px)を与える必要があるため、デバイスで見栄えがすることです。例: Iphone4 の高さ: 480px、iPhone5 の場合: 568px、Samsung S2 533 など。

その後使用できるように、デバイスの高さの値を確認する最良の方法は何ですか? これで、次の方法でデバイス会社を確認できますuserAgent。

しかし、私はモデルを正確に知る必要があります

私は、主に Bootstrap 3 を使用して、最近取り組んでいる聖書の翻訳プロジェクトのサイトをまとめています。参考までに、サイトはwww.jbtbible.comです。

NiceScrollを追加して、見栄えの良いスクロールバーと、モバイル デバイスでのスムーズなスクロールを実現しました。

閲覧ペインで使用すると問題なく動作するようですが、ドロップダウン リストで使用しようとすると、css の max-height 設定が上書きされ、スクロールバーがまったく表示されないようです。落ちる。

ペインのヘッダーをロードする関数からjqueryで次の行を使用してこれを実行しようとしています:

また、ドロップダウンを生成するボタンでこれを呼び出してみましたが、(予想どおり) 何もしません。

ドロップダウン内でもスクロールバーの書式設定とスムーズなスクロールを適用するにはどうすればよいですか?

そして、NiceScroll を使用するよりもスクロールバーを処理するためのより良い方法があれば、私はそれにも完全にオープンです。

ダッシュボード パネルで作業していて、バグに遭遇しました。このバグを解決するために多くのことを試みましたが、唯一の方法はこのコードを削除することです。マウスの中央ボタンを使用して下にスクロールすると、バグが表示されます。スクロールボタン。

しかし、そのコードを削除すると、ダッシュボードが台無しになります。誰かがこれを解決する方法を知っていることを願っています.

ウェブサイトへのリンク。

誰もがniceScrollの経験を持っています...スクローラーをそれぞれの要素に割り当て、それらのプロパティを添付するコードを最適化しようとしています。これは、配列に存在する最初のオブジェクト ($ele1) でのみ機能します。

しかし、これは配列内のすべてのオブジェクトで問題ありません:

配列のすべてのオブジェクトが処理される外部変数からこれらのプロパティを合理化する方法はありますか?