問題タブ [jquery-jscrollpane]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jScrollPane scrollToElement stickToMiddle
だから、jScrollPaneは素晴らしいです。とても素晴らしい。そこにはたくさんのオプションとAPI呼び出しがあり、それをカスタマイズすることができます。現在、これを使用してページ上のコンテンツをスクロールしており、scrollToElementを使用して選択したid要素を中央に配置したいと考えています。残念ながら、これはscrollToElementに渡すことができるパラメータではありません。現在、許可されているのは(elem、stickToTop、animate)のみです。
誰かがstickToCenterパラメータを許可するようにプラグインを拡張しましたか?誰かがすでに行ったかもしれないことを再現しないことによって、ここで自分の時間を節約しようとしています。
前もって感謝します!
jquery - jscrollpane で scrollTo または scrollToX を適用する際の問題 - x 座標にスクロールしない
私は水平スクロール サイトを持っており、ナビゲーションにいくつかのリンクを配置して x 座標を制御したいので、関連する作品が設定された位置にスクロールします。
アンカーを使用するだけで機能するようにしましたが、問題はアンカーが上部 (この場合は側面) に移動し、デザインのために画像がナビゲーションの下に入り、正しく表示されないことです。制御したい 2 つのアンカー #1 と #2 があるので、クリックすると x 軸で 580px になります。
これを実現するために scrollTo プラグインを調整していますが、ボタンをクリックすると、スクロールが正しい位置に移動せず、その理由がわかりません。
scrollTo に使用している JavaScript は次のとおりです。
また、使用しているjscrollpaneでscrollToXがあることを読み、これを試しましたが、同様の結果で、スクロールが目的の位置に到達しません。
私が使用しているjscrollpaneのjavascriptはここにあります
私のHTMLスニペットはここにあります
jquery - Jquery Jscrollpane が適切に再初期化されない - 下部が slideToggle で切り捨てられる
エラーのモックアップを作成しました:
このページの美しさは無視してください。一番下の結果「28. Diamond House」までスクロールして、「More Details」をクリックすると、非表示のタブ構造が表示され、会場の詳細が表示されます。
このタブの下部が切り落とされていることがわかります。
次に、「詳細を表示」、「詳細を非表示」の順にクリックして会場 (「27. Old Rectory」) に移動しようとすると、このスクロール ペインの下部に大きなギャップがあることがわかります。
私は api.reinitalise() がそのトリックを行うと思っていたでしょう。この問題を解決するために丸 2 日を費やしましたが、レンガの壁に次から次へとぶつかっています。
誰かが私が間違っていることを教えてくれれば、とても感謝しています。
ありがとう!
javascript - % 幅使用時の JScrollPane の問題
JScrollPane を使い始めたばかりですが、1 つの例外を除いて問題なく動作しているようです。% 幅が必要なシナリオで使用しようとしていますが、最初はすべて問題ないように見えますが、div はブラウザー ウィンドウで動的に拡大されません。これは、JScrollPane を div に適用した場合にのみ発生します。
これを修正する方法を知っている人はいますか?そのままでは、ページが読み込まれると div は本来のように伸びますが、その後ブラウザ ウィンドウが引き伸ばされると、div は本来のように伸びません。
ありがとう
jquery - JScrollPane (Jquery プラグイン) がサイトで機能しない
クラス (product-description_r) で JscrollPane を使用できません。カスタム スクロールバーが表示されません。
私は含めました
js: http://www.siragusafood.com/templates/mod/src/scrollbar.js
css: http://www.siragusafood.com/templates/mod/css/scrollbar.css
そして最も重要なこれ:
私のコードはここにあります:
http://www.siragusafood.com/index.php/prodotti-shop/confetture/marmellata-mandarino-detail?showall=1
jquery - jScrollPaneの垂直スクロールを無効にするには?
jQuery プラグインjScrollPaneを使用しています。設定したスクロールペインの垂直スクロールを無効にしたい。
どうやってやるの?
ウェブサイトを確認しましたが、公式の API ページはありません。
jquery - JQGrid に jScrollPane を適用 - 水平スクロールの問題
JQGridで jScrollPaneを使用しようとしています。jScrollPane を使用して、グリッド上で水平スクロールと垂直スクロールの両方が必要です。私が達成しようとしている行動は、
- 垂直スクロール バーは、グリッドの本体のみをスクロールする必要があります
- 水平スクロール バーは、本文とヘッダーの両方をスクロールする必要があります。
これは、デフォルトのスクロール バーを使用して可能です。しかし、jScrollPane を適用すると、水平スクロール バーはグリッドの本体のみをスクロールし、ヘッダーは固定されたままになります。以下は私のコードのサンプルです。
bDiv の loadcomplete 中に jSrollPane を設定しています。また、hdiv と bdiv の両方を囲む外側の div 要素にも適用してみました。しかし、それはうまくいきません。誰でもこの問題の解決策を提案できますか? 望ましい動作を得るためにできることはありますか?
前もって感謝します :) !!!
javascript - 動的サイズが機能するようにjscrollpane apiを取得できません
カスタムスクロールバーを一部のコンテンツに追加するためにjscrollpaneを試しています。データは ajax 経由で取り込まれており、jscrollpane APIはそのためにうまく機能します。
しかし、スクロールペインの高さを常に、たとえばユーザーのブラウザー ウィンドウの高さの 70% にしようとしています。jscrollpaneサイトには、次のコードを使用して機能させることができると書かれていますが、うまくいきません。
CSS をパーセンテージに変更すると、カスタム スクロールバーが完全に失敗し、ウィンドウの高さの 100% である既定のクロム スクロールバーが表示されます。
http://jsfiddle.net/loren_hibbard/2yEsG/
どうもありがとうございました!
javascript - jscrollpaneはajax呼び出し後に再初期化されません
私はjscrollpaneを試してきました。
ペインにいくつかのajaxコンテンツを追加しようとして、コンテンツをレンダリングしましたが、何らかの理由で再初期化が失敗します。
ここで説明されている内容に従っていると思いますが、jsonデータの処理に使用するvkテンプレートに問題がある可能性があります。
私はこのdivをすでにページに置いています。
開始時には空ですが、lorem ipsumを入れると、少なくとも最初はjscrollpaneが正常に機能していることがわかります。
次に、このajaxリクエストを作成してjsonオブジェクトを取得し、vktemplateを使用してhtmlに配置します。
スクロールペインのCSS..異常なことは何もありません。
しかし、クロムインスペクターでスクロールペインを見ると、プロパティoverflow:hidden
が追加されています(どこからでもわかりませんが)。そして、それが本当に重要だとは思いません。オフにするか、に変更するとscroll
、上下にnormal-mac-scrollbarしか表示されないからです。
何か案は?どうもありがとう!
jquery - 幅と高さが間違っているため、jScrollPane が正しく初期化されない
このページを見てください。何が悪いのか理解するのに数時間苦労しています。しかし、成功せずに。会社の歴史をクリックしてください。テキストはスクロール可能でなければなりません。スクロールできる十分なテキストがあります。
http://test.dhmdesign.com/studio/about/overview
jScrollPane は ajaxComplete イベントで custom.js で初期化されます。
jScrollPane は幅と高さを正しく検出していないと思います。結果は isScrollableV - false (jScrollPane プラグイン内) です。