問題タブ [nicescroll]

さて、私はとても気に入っている JQuery プラグイン Nicescroll を使用しています。2 つのリストを含む 2 つの DIV タグが上下に重なっているという問題に突然遭遇しました。両方の DIV で Nicescroll を有効にすると、2 つのリストの下部をスクロールしようとすると奇妙なエラーが発生します。

TOP リストから隠されている要素は、「技術的に」BOTTOM リストの下にあります。そのため、BOTTOM リストをスクロールしようとすると、DIV 全体が上下にスクロールされます。別の言い方をすれば、BOTTOM DIV をクリックしてドラッグすると、TOP DIV の「隠された」要素と衝突し、代わりにスクロールします。ただし、要素をスクロールするのではなく、TOP DIV 自体をスクロールします。

誰もこの問題に対処しましたか?

デモ

Scroll SectionをNice Scrollで使用しています。

すべて問題ありませんが、非常に速くスクロールすると、これらのアニメーションのジャークが発生し始めます。

HTML:

CSS:

JS:

私が試したこと：

関数で宣言mousewheel: falseすると、scrollSection()正常に動作し始めますが、シングルスクロールダウンまたはスクロールアップでセクションを切り替えることはなくなりました。

どんな助けでも大歓迎です。

ドキュメント全体で jQuery の素敵なスクロール プラグインを使用しており、ドキュメント内に auto のオーバーフロー プロパティを持つ要素があります。

その要素がオーバーフローすると、スクロールバーが表示されますが、その要素のスクロールが完了したら、カーソルをその要素の外に移動して、ドキュメントのスクロールを開始する必要があります。

素敵なスクロール プラグインがなければ、その要素をスクロールした後、ドキュメントを再度スクロールし続けるためにマウスを移動する必要はありませんでした。その要素の後にスクロールします。

素敵なスクロール プラグインが必要で、この問題を修正したいと考えています。助言がありますか？

素敵なスクロールなしでこのフィドルをチェックしてください： http://jsfiddle.net/vahidseo/5mrmp/

div に指定したスタイルは次のとおりです。

それが私が望む効果です。小さな div をスクロールすると、スクロールバーが一番下に達したときに、もう一度スクロールするとすぐにページがスクロールします。

Web サイトに jquery アコーディオンがあり、アコーディオンの最初の部分の div に nicescroll を配置しました。

アコーディオンの次の部分に移動して新しいコンテンツが表示されると、前の部分の nicescrollbar がまだ表示されています。

アコーディオンの他の部分に移動するときに、どのように削除できますか?

NiceScrolldiv にバーを追加しました。

どうすれば削除/破棄できますか?

次のことを試しましたが、うまくいきません。

以下も解決策ではありません。

編集：問題が見つかりました！JQuery MultiselectNiceScrollプラグインによって自動的に生成されたdivに追加すると、iPad で他の div に視覚化の問題が発生します。したがって、これはおそらく 2 つのプラグイン (と)の統合に関連する問題です。NiceScrollNiceScrollJQuery MultiSelect

NiceScroll ライブラリを使用していますが、Google Chrome に特有の問題があります。

カーソルがページの左端と右端にある場合、マウス ホイールでページをスクロールできません。

HTML の「overflow」タグを「hidden」から「visible」に変更すると、2 つのスクロール バーが表示されます (NiceScroll + Native)。この状態では、マウス ホイールは再びページの端で機能します。ただし、これはネイティブの「ジャンピー」スクロールです。

これは、NiceScroll が何らかの境界でスクロールの制御を譲っていることを示唆しています。この境界を変更するにはどうすればよいですか?

私はnicescrollバーのバージョン3.5.4を使用しています..

私のコード

私の問題

http://i.stack.imgur.com/hlVTt.png

スクロールバーのサイズを変更した後、スクロールバーレールをどこかに移動します..

この問題を解決するのを手伝ってください...

スクロールしてjsfiddleのボタンをクリックしてください

jsfiddle : http://fiddle.jshell.net/henry_robert/4JAE6/3/

更新： 問題はクロムとサファリにあります。Firefoxでは正常に動作しています

複数のスタッフを作成し、すべてのスタッフの詳細は、rails の複数のタブを使用してインデックス ページに表示されます。スタッフ リストは次のとおりです。 . プロジェクトに jquery nicescroll プラグインを使用していますが、jquery nicescroll がタブで動作しません。すべてのページが正常に動作しています。どうすれば解決できますか?

ここに私の index.html.erb

ここに私のレンダリングページstaff_list.html.erb

ご協力いただきありがとうございます！