問題タブ [tinyscrollbar]

私は非常に混乱しています。tinyscrollbar プラグインでサイドバーを作成したいのですが、ビューポートの「高さ」を「100%」にしたいのですが、CSS を変更するとコンテンツが表示されません。別の解決策を教えてください。

これは tinyscrollbar のデフォルト コードですが、ビューポートの「高さ」を変更します。

次のコードを使用します。

tinyscrollbar のこの meteor パッケージからプラグインを呼び出す

次の例外が発生します。

(完全なトレースはこのペーストビンにあります)

必要に応じてより多くの情報を提供させていただきます。

tinyscrollbar (tinyscrollbar.js) を jquery mobile に data-role=page で実装しようとしています。最初のページでは、完全に正常に動作します。しかし、2 ページ目にはバーがありません。要素の検査をクリックするまで。tinyscrollbar_update()、update(0)、slideToggle().promise() を試しました...動作しません。それらはすべて私にさまざまな種類のエラーを与えます。

このように見えます

上記とまったく同じコードを 2 番目のページ コードにコピーしました。

そして私のjavascriptファイル：

誰もがそれがどのように考えているのですか？それを解決する方法はありますか？

水平スクロールに tinyScrollbar を使用していますが、マウスホイールはクロムでしか機能しません。

Firefox (29.0.1) および Internet Explorer (11) で、マウス ホイールが機能しません。Windows 8 を使用しています。

プラグインの公式 Web ( http://baijs.nl/tinyscrollbar/ ) で、画像付きの水平スクロールの例で確認できます。

他の誰かがこの問題を抱えていますか？

私は、私の前に多くの人々にとって課題だったに違いない解決策を探しています。現在、Tinyscrollbar は非常に優れており、タッチスクリーンにも対応しています。私は店の非常に大きな画面で使用していますが、スクロールバーは非常に大きいです。

人々が最初にやろうとしているのは、スクロールバーのタンブをドラッグしてコンテンツを移動することです。しかし、それは機能していません。Tinyscrollbar にはそのオプションがありません。それとも私は完全に間違っていますか？

そこで、jQuery Draggable を使って親指を動かせるようにしようとしています。しかし、親指の位置に応じてコンテンツを更新する方法は?

非常に複雑でハッキーな作業のようです。しかし、私が見ていないことに対する簡単な解決策があるのだろうか。

すでに開発者にメールを送信しましたが、応答がありません。

編集：ドラッグはFFでは正常に機能しますが、Chromeでは機能しないことがわかりました。FF を使用できましたが、Chrome で機能するスワイプ ジェスチャが機能しません。ここ ( http://baijs.nl/tinyscrollbar/ ) は機能し、ここ ( http://baijs.nl/tinyscrollbar/examples/simple/ ) はテキストのみをマークするため、これは奇妙です。違いがわかりません。

あなたの助けに感謝します！

私は奇妙な問題を抱えています

http://jsfiddle.net/alexjamesbrown/oqu54cavでフィドルを作成しました

ソースには、<li>153 行目に「THIS SHOULD BE VISIBLE」という要素がありますが
、最初に実行したときはスクロール ウィンドウに表示されません。

ウィンドウのサイズを少しでも変更すると、残りの項目は期待どおりに表示されます

a) これを引き起こしている原因と、b) サイズ変更時にそれが修正される理由を確認するのに苦労しています。

Tiny Scrollbarを使用しています。

横スクロールを実現したい。見た目の例#scrollbar2

そのコードはhereです。

マークアップ コードは以下にあります。

JSコードは以下の通り

ブラウザ コンソールにエラーは表示されませんが、小さなスクロールバーも表示されません。

これを達成したいこと

前もって感謝します。