問題タブ [jquery-jscrollpane]

jScrollPaneを使用して、水平スクロールウィンドウ内に「タイムライン」効果を作成しています。

jQuery UIを使用して、コンテンツに「ドラッグ可能」を適用し、ドラッグ可能にしました。

ただし、2つのプラグインは完全に分離しているため、jQueryUIがドラッグ可能な要素をどこにドロップしたかがjScrollPaneにわからないなどの問題が発生しています。

jQuery UIではなくjScrollPane内で、このマウスドラッグ機能を作成する方法はありますか？確かにこの目的のために何らかの方法で再利用できるスクロールバーがありますか？

jScrollPaneを使用してカスタム スクロール バー スタイルを作成しています。

ここで私の現在のコードを表示してください: http://cwhitaker.com/deck/deck.html

jScrollPane は最新のすべてのブラウザーで機能しますが、スクロール機能は Webkit ブラウザー (Safari および Chrome) でのみ機能します。ただし、jScrollPane のデモでは、マウス スクロールはすべてのブラウザで完全に機能します。

絶対位置を使用している列と関係があるのでしょうか?

jScrollPaneを使用して水平方向の画像スライダーを実装し、horizo​​ntalDragMinWidth設定を使用してドラッグハンドル（.jspDrag）の最小幅を63に設定しようとしています。

残念ながら、それは機能しておらず、理由はわかりません。助けていただければ幸いです。

この問題はhttp://tmcdomains.com/jScrollPane/static.htmlで確認できます。

次のスクリプトは、私のフッターのタグのすぐ上にあります。

jquery jScrollPane に常に垂直スクロール バーを表示させる方法はありますか? ペインに最小高さの要素を強制的に追加するという投稿を見ましたが、それは 1 年ほど前のことです。VERTICAL_SCROLLBAR_​​ALWAYS をコンストラクターに追加することに関する投稿も見ましたが、それは Java のみで jquery ではないようです。誰か助けてくれませんか？

ありがとう！

jScrollPaneを自分のWebサイトにインストールしましたが、動作させることができません。

私のウェブサイトは次のように機能します。メインページから、jQueryのload()メソッドを使用してページが動的に読み込まれます。ロードしたページには、jScrollPaneを起動するための次のスクリプトがあります。

と呼ばれているようです。今のところ問題はないと思います。問題は、最初のページがスクロールバーを必要とするほど長くないことです。特定のアクションでのみ表示される非表示のコンテンツがあります（つまり、ボタンをクリックすると特定の段落のコンテンツが表示されます）。クリックして非表示のdivのコンテンツを表示すると、スクロールバーが表示されません。

また、新しいコンテンツを表示するときに電話をかけようとしまし$('.scroll-pane').jScrollPane();たが（つまり.show()、非表示でトリガーされた場合は、div電話もかけます$('.scroll-pane').jScrollPane();）、それでも成功しませんでした。

誰か助けてもらえますか？

ありがとう

編集：

ページの構造について言及するのを忘れました。ページの読み込みがあり、読み込まれるdivものがあり、特定の領域をクリックすると表示される小さな非表示のdivが含まれています。class="scroll-pane"表示されたdivのコンテンツをスクロール可能にするために、クラスscroll-paneを使用してスクロールバーをdivに追加したいと思います（現在、コンテンツはdivのサイズのままですが、jScrollPaneスクロールバーがないためスクロールできません示されている）。

アップデート：

$('.scroll-pane').jScrollPane();divのメソッドのコールバックを入れて、表示されたdiv.show()に入れようとしましたclass="scroll-pane"が、何も表示されません（スクロールバーが表示されず、divがスクロールできません）。

jscrollpaneのカスタムスクロールバーを作成しました。これは、最後までスクロールするまで正常に機能しているように見え、最後まで動かなくなったように停止します。スクロールする必要がないことを人々に知ってもらうために、最後までやりたいと思います。私が変更したcssスタイルは、jspHorizo​​ntalBar、jspTrack、jspDragのみです。

カスタムスクロールバーにjscrollpaneプラグインを使用しています。私が達成できないことは、一番下で初期化することです。つまり、そのウィンドウがロードされるたびに、一番下まで自動スクロールする必要があります。どんな助けでも大歓迎です。

最近、新しい jScrollPane v2 を使用するようにサイトをアップグレードしました。思い通りにカスタマイズできましたが、今日は写真の間に新しい機能を追加しようとしていました。これは、マウスオーバーでスライドを開いてテキストを表示し、マウスオフで再び折りたたむパネルです。Firefox では問題なく動作しますが、Safari、Chrome、および Opera では、カスタム スクロール バーの外観に一致する垂直スクロール バーが作成され、「矢印ボタン」が追加されます。jqueryに関しては少し初心者で、学習しながら学んでいます。

1 つ目 - ブラウザ間でこれを修正する方法を知りたいです。2番目-テキストを下に揃える方法を知りたい-cssで制御できると思ったのですが、反応しないようです。リストを使用することが、コンテンツ ホルダー内のすべての写真とテキスト エキスパンダーを処理する最善の方法であるかどうかはわかりません。3 つ目 - 多くの JavaScript ファイルを参照していますが、サイトの速度が低下するのではないかと心配しているため、これらを処理する最善の方法を考えていました。

前もって感謝します

そのため、div にコンテンツをロードした後、jscrollpane を初期化したいのですが、うまくいきません。これが私のコードです。何が悪いのか教えてください。

アヤックス (jquery)

今はうまくいきます！

このコードで問題を解決できることはわかっていますが、正しく機能させるためにどのように、どこに適用すればよいかわかりません。