問題タブ [jquery-jscrollpane]

.jspVerticalBar の高さを調整しようとして、何時間もいじっています。デフォルトでは、バーの高さをペインの高さの 100% に設定しているようです。

誰もこれを設定する場所を知っていますか? ドラッグ可能な部分ではなく、バー全体について話しています。

例えば

現在、次のようになっています。

:アップ | | | | | | | | | ：下

でも小さくしたい。

:アップ | | | | | ：下

残念ながら、どのコードを貼り付けるかわからないため、貼り付けるコードがありません:)しかし、誰もが精通している場合、libはここにあり ますhttps://github.com/vitch/jScrollPane

前もって感謝します

iframe コンテンツにスクロールバーを表示できません。私は、jscrollpane サイトの例を徹底的にフォローしてきたと思います。

また、jscrollpane js をデバッグしたところ、initialise() で contentHeight===paneHeight であることが判明し、スクロールバーが表示されなくなりました。iframe のコンテンツの contentHeight は > paneHeight である必要があると思います。

問題のデモはhttp://mediabeez.ws/new_interface/ にあります。ヒント/手がかり/修正を大いに感謝します。

これを修正できたら、jscrollpane 用の素敵なテーマをいくつか作成して、プロジェクト オーナーに寄付します。:)

jscrollpane に問題があります。Web ページをロードすると、jscrollpane が表示されませんが、ページのリンクの 1 つをクリックしてから戻ると、jscrollpane が正常に表示されます。

ウェブサイトは www.noved.info で、表示されていない jscrollpane は「casos de exito」セクションのものです。これらのリンクのいずれかをクリックしてから戻ると、jscrollpane が機能していることがわかります。Jscrollpane は、上記の div に既に取り組んでいます。

前もって感謝します。

動作しない div のコードは次のとおりです。

CSS:

HTML:

コンテンツの横にガターを強制するのではなく、コンテンツの上にスクロールバーを配置したいと思います。

添付の画像では、赤いスクロールバーで現在何が行われているのかを確認できます...コンテンツを横に押す垂直方向のガターが作成されます。

しかし、私がやりたいのは、下部にあるものです...コンテンツの上にスクロールバーを配置します。

私は絶対にポジショニングを試みまし.jspVerticalBarたが、溝を取り除くことができませんでした。

編集：問題のjsFiddleは次のとおりです。http：//jsfiddle.net/8Mebt/3/-ご覧のとおり、右端にはまだギャップがあり、アイテムの「選択された」状態がすべてに及ぶわけではありません。私が望むように途中で。

JScrollPane を使用してスクロールバーのスタイルを設定しています。ただし、ajax を介してコンテンツを読み込む必要があります。

コンテンツが高さを超えた場合、JSrollpane はスクロールバーを自動的に追加しません。

誰でもこの問題の回避策を提案できますか?

2 つの例があります。テスト ブロック #1 は JScrollPane を使用し、テスト ブロック #2 はデフォルトのスクロールバーを使用します。

いずれかのテスト ケースの赤いボックスをクリックすると、それに応じてサンプル コンテンツが追加されます。デフォルトのスクロールバーは自動的に調整されますが、コンテンツが追加されても jscrollpane は調整されません。

私は jScrollPane - v2.0.0beta11 を www.rolex.com で行ったのと同様のプロジェクトに実装しようとしていますが、コピーが Chrome/webkit 内で垂直方向に切り取られるという問題がありますか?

こちらをご覧ください (正しいページを表示するには、下部にある [HTML を表示] をクリックする必要があります)

http://www.rolex.com/en/rolex-watches/day-date/parachrom

最新の 2.00 beta1 でまったく同じ問題が発生し、すべての OS でテストされ、Webkit ブラウザーでのみ発生します。スクロールバーが正しく適用されているようですが、フォーカスとスクロール時にスクロール可能な高さが減少しますか? そのため、上にスクロールしても下の数ピクセルまたは上にアクセスできません。

別の要素に焦点を当てることで修正できます。ボックスをスクロールして問題を引き起こし、別の要素（矢印など）またはブラウザの外側に焦点を合わせると、問題が修正されます。initFocusHandlers の問題でしょうか?

この問題を抱えている人が何人かいることに気付きましたが、スクリプトの呼び出し順序または reInitialiseOnImageLoad / autoReinitialise で修正したようです - どれも私にとってはうまくいきませんでした

それを修正しようとして数日を費やしたので、私はかなり狂っています。どんなアドバイスも悪いでしょう。

乾杯

この質問が既に出されている場合は申し訳ありませんが、SO に関する回答を見つけるのに苦労しています。

でjQuery jScrollPaneを使用していdivます。標準のブラウザ スクロール バーが削除されているため、プラグインが正しくリンクされていることがわかりますが、代わりに jScrollPane スクロール バーが追加されていないため、コンテンツを下にスクロールできません。

私のマークアップは次のように単純です。

Javascript:

誰もこれを経験したことがありますか？私が見逃している簡単なものはありますか？

どこかで CSS が欠落している可能性があると思います。それ以外の場合は、とにかくスクロールバーの色を指定する方法がわかりません...

あなたの助けは大歓迎です

これが非常に単純な質問である場合は申し訳ありませんが、SOまたはjScroll googleグループで答えが見つからないようです。

現在、私のコードは基本的に次のとおりです。

次に、$(document).ready で呼び出された関数内に、次のものがあります。

ただし、受け取ったエラーは次のとおりです。

興味深いのは、コードがローカライズされたスクロールバーをラッパー div に正常に適用していることです。ただし、カスタム css は適用されず、Firebug をチェックインすると、jScroll は独自のスクロールバーを作成していません。これが、ブラウザーのネイティブ スクロールバー デザインのみが表示される理由だと思われます。

このエラーが何を意味するのか分かりますか? オブジェクトは div なので、jScrollPane をサポートしない理由がわかりません。すべての正しい CSS および JS ファイルが指定されており、Firebug は、サイトがそれらをロードしていることを教えてくれます。すべてのブラウザで同じ問題があります。

リンクを提供できなかったことをお詫び申し上げます。プロジェクトは私の会社の内部サーバーにあります。アドバイスをよろしくお願いします。

編集:これが私のリンク/スクリプトがヘッダーでどのように見えるかです。

編集：解決しました。 これが問題が解決した正確な理由かどうかはわかりませんが、私が取り組んでいたページの他の部分が、より更新されたバージョンの jQuery を呼び出していることに気付きました。jScrollPane チュートリアル ページで呼び出されたバージョンであるため、上記の呼び出しを除いて、すべての呼び出しを削除しました。問題を解決したようです。

みんな、ありがとう。

WebページにjScrollPaneを使用した領域があります。水平方向にスクロールする必要があります。要素の高さはコンテナよりも低く、垂直スクロールバーは表示されません。

ただし、マウスホイールを使用してページを下にスクロールするときに、カーソルがスクロールペイン上にある場合、下部がカーソルと揃うまですべてのコンテンツを上にスクロールしてから、ページをスクロールします。そのため、水平方向にスクロールするコンテンツは、オーバーフローした非表示のコンテナ内のページからほとんど外れています。

水平方向にスクロールすると、jspPaneの左側のプロパティが適切に調整されますが、常に上部が移動していないと表示されます。ページ上のコンテナと同じです。

horizo​​ntalDragMaxWidthを1に設定しようとしましたが、効果がありませんでした。

これは、私がテストしたすべてのブラウザの問題です。jScrollPaneをインスタンス化しない場合、水平方向に細かくスクロールし、垂直方向のスクロールの問題は発生しません。

このページからのスクロールを防ぐにはどうすればよいですか？