問題タブ [tinyscrollbar]

私は自分のサイトでJQueryTinyscrollbarプラグインを使用しています。特定の要件により、垂直スクロールバーと水平スクロールバーの両方で同時に機能するように小さな変更を加えました。

ただし、ユーザーがスクロールバーを使用してスクロールする場所で、スライド中にカーソルが「thumb」要素にカーソルを合わせていない場合、テキストをクリックして強調表示したときと同じように、背景のコンテンツが強調表示されるという問題があります。エレメント。

どうすればこれを防ぐことができますか。ありがとう。

jQueryとWebサービスを使用してツリー構造を作成しました。必要に応じてオンザフライで作成するダイナミックHTMLを使用して、ツリーの子ノードを作成します。この木は私にとってはうまくいきます。

次に、私の2番目のタスクは、カスタムスクローラー（facebook / gmailのようなもの）を含めることです。これにはJQueryTinyScrollbarプラグインを使用しましたが、最初のステップでは正常に機能しましたが、動的に追加されたhtmlに対応できません。

私のツリーは次のようなものです。

上記のHTMLは次のようなものです。

ヨーロッパと南アメリカの国のHTMLは、ユーザーが「+」アイコンをクリックするとオンザフライで作成されます

この小さなスクロールバープラグインはこのダイナミックHTMLを処理できないため、この動的に作成されたHTMLに問題が発生します。このHTMLを単に無視します。これを修正するためのポインタを提案してください。

ありがとう、ラヴィ・グプタ

これは説明するのが少し奇妙かもしれませんが、次のようになります。

tumblr ブログを Web サイトに埋め込んで、自分のスケジュールを更新できるようにし、実際のページ自体を使用したいと考えています。最初は問題なく iframe を使用していましたが、問題はカスタム スクロールバー (http://baijs.nl/tinyscrollbar/) を使用していることです。

iframe は、埋め込まれた Web サイトをスクロールする独自の通常のスクロールバーをポップアップ表示します。カスタム スクロールバーは、iframe 自体を少し上下に移動するだけで、内部のコンテンツは移動しません。(同じことが object/embed タグにも当てはまるようです)

私たちがやりたいことで動作するより良い方法はありますか、またはこのすべてを機能させるために私が認識していないスクリプトがありますか? 問題のウェブページはこちら - http://www.brettloudermilk.com/temp/schedule.html

コードの一部を投稿しますが、ここで何が役立つかはわかりません...

大きなテーブルには水平スクロールと垂直スクロールの両方が必要です.jqueryの小さなスクロールバーを両方の賢明なスクロールに使用したい.水平と垂直の両方の小さなスクロールバーを一緒に使用しようとした人はいますか?? もしそうなら、plsはサンプルを提供します..

前もって感謝します

隣り合っている 2 つの div のスクロールを同期する必要があるという要件があります。これを達成するための最良の方法は何ですか？

ありがとう、Chris PS: 現在、両方の div に独自のテーブルや div があり、そのコンテンツにより、両方にスクロール バーが常に表示されます。

私のウェブサイトでは、tinyscrollbar.js とカスタム フォントを使用しています。カスタム フォントの読み込みが完了する前にスクリプトが実行されると、コンテンツの高さが正しく計算されず、スクロール領域の最後でコンテンツの一部が切り取られるという問題が発生します。

これに対して私が見つけた唯一の解決策は、document.ready() 関数の代わりに window.load() を使用してスクリプトをロードすることです。

このソリューションの問題点は、スクロール領域内のメイン コンテンツの一部ではない画像を含むすべてのページが読み込まれるまで、スクロールバーが機能しないことです。

フォントの URL で load イベントを使用することも考えましたが、ブラウザごとにフォント ファイルがあるため、これも機能しません。助けてください。

スクロール バーを持つ 2 つの div があり、それらを取り除き、両方の div に対して 1 つの統一されたスクロールを行う必要がある状況があります。JavaScript を使用して 2 つのペインのスクロールを同期させ、overflow:hidden を使用してスクロールバーの 1 つを非表示にしました。表示されているスクロールバーは、スクリプトを使用して両方のペインをスクロールします。

http://jsfiddle.net/Amnesiac/ekT3h/5/

これを達成するためのより良い方法があるかどうか疑問に思っていました。外部ライブラリまたは q jQuery プラグインを使用することにオープンです。

jQuery Mobileで長いリストを作成し、それをPhoneGapを使用してアプリに変換した場合、スクロールバーはブラウザウィンドウのように自動的に表示されますか、それともこのhttp://areaaperta.com/nicescroll/のようなものを含める必要がありますか？ありがとう。

独立して見られる部分のある1ページのウェブサイトを調整しています。たとえば、「サービス」ボタンを押すと、他のコンテンツを表示せずにページのその部分に移動します。

サービス部分にはスクロールバーが必要です。私はtinyscrollbarを使用しています。

display:none が含まれている場合、スクロールバーは機能しません。表示されていますが、バーがスクロールできません。display:none を削除するとスクロールバーは機能しますが、レイアウトが完全に固まります。初回訪問時、サービス内容（メニュー3）がメニュー1の内容と混同して表示されるようになりました。こちらは初回のみとなります。メニューを使用した後、問題はなくなり、レイアウトは正常に戻りました。

これを解決する方法がわかりません。

助けてください。

ありがとう！

ps 現在、ウェブサイトをオンラインにすることはできません。スクリーンショットをいくつか追加しました。これで問題が明確になることを願っています。削除された display:none 追加された display:none最初のスクリーンショットにはスクロール可能なスクロールバーが表示されますが、2 番目のスクリーンショットには表示されません。問題は、Web サイトに入ったときにのみ表示されます。ボタンを押すと問題が消える

pps 問題についてはこちらをご覧ください。Web サイトをアップロードしました: test.iwebs.ws

私はtinyscrllbar（）プラグインを使用していますが、それは派手な箱から出して正常に動作します。divをfancybox内に配置すると、トラックイメージのみが表示され、スクロールバーの残りの部分は表示されず、明らかにまったく機能しません。tinyscrollbar（）をfancybox内で機能させるための解決策はありますか？