問題タブ [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.
javascript - jQuery データテーブルと jScrollPane - テーブル ヘッダーがスクロールしない
私はjqueryデータテーブルとjScrollpaneを連携させようとしましたが、うまくいきました..
表を右にスクロールすると、ヘッダーがうまくいかないようです。
ここに私のHTMLのコードスニペットがあります:
誰かアイデアがありますか?
どんな助けでも大歓迎です:)
ありがとう..
javascript - jScrollPane: reinitialise() を呼び出すと、Google Chrome で jspVerticalBar div が作成されない
ページの読み込み時に、いくつかのコンテンツを含む div があります。
そして、ユーザーがこれを行うためにいくつかのボタンをクリックするのを待ちます:
FF、オペラ、さらにはIEでもうまく機能します。
divは大きく、スクロールバーを表示しますが、クロムでは、divはコンテンツを表示しますがスクロールバーは表示しないため、下にスクロールする可能性はありません.
何か案は?
jquery - jQuery - AJAXを使用したjScrollPane:マウスホイールが機能しない
現在の問題の解決策はまだ見つかっていません。Web サイトの jScrollPane プラグイン (jQuery 用) でマウス ホイールを動作させることができません。
詳細については、このプラグインを AJAX で使用します (javascript ファイル "fonctionsGenerales.js" - 関数 "rechargerCadreBaroque()" 内)...
XML HTTP 応答を受信したときに、再初期化関数などを呼び出す必要があるのでしょうか。
ここに短いリンクがあります: http://syz.gy/jscrollpane-mousewheel
事前にどうもありがとうございました、
javascript - jScrollPane jquery プラグインのスクロールバーのカスタム高さ
jScrollPane jQuery プラグイン (http://jscrollpane.kelvinluck.com) を使用して、アプリケーションにカスタム スクロールバーを実装しています。
ただし、jspDrag 要素の高さを変更できる必要があります。要素の高さは、div 内のコンテンツの量に依存しているようです。ただし、jspDrag に画像 (固定サイズ、つまり繰り返し不可) を使用したいのですが、画像が非常に小さくなります (実際の jspDrag 要素よりも高さが低くなります)。
どうすればこれを達成できますか?
scrollbar - jScrollPane - マウスホイールが機能しない
私が jScrollPane を使っているのは、単純にそれが Google で最初のものであり、とても疲れていたからです。だから、私は何か違うものを使うことに反対していないと言うことから始めましょう.
2列のセクションがあります。右側の列は jScrollPane プラグインを使用しており、幅は固定されています。スクロールバーをドラッグすると動作しますが、マウス ホイール プラグインが動作しないようです。私はこの順序ですべてを呼び出しています:
マークアップ:
CSSは次のとおりです。
そして、経由で準備ができているページをターゲットにしています
$(function(){ $('.scroll-pane').jScrollPane(); });
コンソールはエラーを報告しません。何かご意見は?
jquery - jscrollpane が IE で再初期化されない
私は素晴らしいスクロールバー置換プラグインを使用しています - jScrollpane
ユーザーが一番下までスクロールしたときにサーバーに対して行われるjsonリクエストを介して行を追加するテーブルがあります。
このリクエストを行うたびに、完了時に、以下に示す標準的な方法でスクロールペインを再初期化します:-
基本的に、コンテンツの増加によりパネルのサイズが変更されると、スクロールペインが再初期化されて新しい高さを検出し、それに応じてスクロールバーが調整されます。
これは、IE 9 を除いて、私がテストしたすべてのブラウザーで完全に機能します。
これがなぜなのか、私は完全に途方に暮れています。誰でも助けることができますか?
jquery - 水平方向の画像スクローラーでjScrollPanescrollByXに変数を割り当てますか?
私はjScrollPaneを使用して、さまざまな幅の画像を含む水平方向の画像スクローラーをhttp://tmcdomains.com/jScrollPane/tmc_scroll_to_animate.htmlで作成しています。
矢印をクリックするたびに、スクロールペインを各画像の幅だけ前後に移動させたいのですが。理想的には、これを行うためにスクロールバーのドラッグも気に入っていますが、私のjQueryの知識はせいぜい不安定なので、クリック機能に満足しているだけです。私はstackoverflowと開発者のドキュメントのおかげでここまでしか得られませんでした。
解決策が私を見つめているような気がしますが、それを実現することはできません。
スクローラーを柔軟にしたいので、スクローラーを更新するときにクライアントの画像の正確なサイズが常にわかるとは限らないため、.eachループを使用して.image-wrapperdiv内の画像を循環しています。各画像から幅を引き出し、合計幅の値をvar imagesWidthに割り当てて、.image-wrapperの幅を設定します。
それは素晴らしい働きをしています。同じループを使用して各画像の幅をvarimageScrollXに割り当て、その変数を使用して各クリックでのscrollByXのX値を定義しようとしています。
これは一種の動作ですが、何が起こっているのかというと、scrollByX値は、クリックごとにシーケンスの最後の画像の幅を割り当てています。シーケンスの最後の画像だけではなく、シーケンス内の各画像の一意の幅をプルするためにクリックを取得する方法はありますか?
表示されているコードを含む作業ファイルは、http://tmcdomains.com/jScrollPane/tmc_scroll_to_animate.htmlにあります。
jwplayer - JWPlayerjavascriptプレイリストを使用したjScrollPane
JWPlayer 5.2プレイリスト(http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/ )でjScrollPane( http://jscrollpane.kelvinluck.com/ )
を使用しようとしています。 23 / creating-a-javascript-playlist)が運が悪かった:プレイリストは大丈夫ですが、jScrollPaneは接続されていません
上記のチュートリアルでは、これがjavascriptプレイリストを備えた「動作する」バージョンの1つであると述べているため、私はJWPlayer5.2を使用しています。とにかく、プレイリストだけで、プレーヤーに問題はありません
これが私のデモです:http ://www.ivansweb.com/_test/player/jwplayer/index.php
助けてくれませんか?
よろしくお願いします!
jquery - jQueryjScrollPane-高さを指定せずにページの一部に垂直スクロールバーを表示する
私は定期的にjQueryjScrollPaneプラグインを使用して、ページセクションにカスタムスクロールバーを追加しています。プラグインを使用して、ページのメインコンテンツ領域の垂直スクロールバーを表示したいという状況に遭遇しました。コンテンツの高さはさまざまである可能性があるため、この領域に固定の高さを指定することはできません。したがって、プラグインは、必要な場合でも垂直スクロールバーを表示しません。
問題のデモンストレーションのために、完全なHTML、CSS、およびJavaScriptコードをjsfiddle.netにアップロードしました。テキストが多い領域には、jScrollPane垂直バーが表示されますが、表示されません。.scroll CSSクラスに高さを追加すると、スクロールバーが表示され始めることを知っています。ただし、ユーザーごとに画面解像度が異なるため、コンテンツ領域の高さが異なり、コンテンツ領域の高さを指定できません。