問題タブ [tinyscrollbar]

Jquery で Tiny scrollbar プラグインを使用して、写真アルバムを表示しています。1 つのラッピングの問題を除いて、正常に動作します。

例：http://67.23.251.125/~emelieze/test/index.php?t=collage&p=collage/Test&scroll=yes

画像 (または画像を含む div) が 1 行に配置されていないことがわかると思いますが、右にスクロールしたときにのみ配置されます。概要-div の幅と高さは固定されていますが、ビューポート div に折り返されます (黒い境界線がそれを明確にしています)。概要-div の幅は php で計算されるため、スタイルシートに配置することはできません。 .

scrollbar-div とそのコンテンツは次のようになります。

CSS:

ヘッドタグの内側:

overview-div が viewport-div にラップしないようにするにはどうすればよいですか?

ページ読み込み中の div でtinyScrollbar Jquery プラグインhttp://baijs.nl/tinyscrollbar/を使用しています。更新メソッドが機能していません..コードは次のとおりです。

注: ページの読み込みで div を display:block にすると、正しく動作します。

TinyscrollBar を自分の Wordpress サイトに追加しましたが、ページの読み込み時に次のエラーが表示されます。

最初に tinyscrollbar.js ファイルをインクルードしたことを確認してから、呼び出しを行います。

エラーの原因となっている問題は何ですか?

編集: tinyscrollbar が実行されている HTML:

2 つの jquery ファイルが原因でレンダリング結果が競合している 1 つのアプリケーションで作業しています。これは、エラーが発生しているコードです。

ご覧のとおり、2 つの .js ファイル呼び出しがあります。それtools.min.jsより前に書き込むtinyscrollbar.min.jsと、ロードされず、その逆にも同じことが当てはまります。

両方のクエリをマージしようとしましたが、成功しませんでした。使用方法がわかりnoconflict function() ません。

http://jsfiddle.net/J74VS/4/

正しく動作させることができません。tinyscrollbarの基本的なフィドルを作成しようとしています。

tinyscrollbarを使用して素敵なスクロールバーを表示しています。

コンテンツの一部が非表示 ( ) になっており、 /アニメーションdisplay:noneでボタンがクリックされた後にのみ表示されます。slideDown()slideToggle()

余分なコンテンツを表示すると、スクロールバーが更新されず、コンテンツの一部にアクセスできなくなります。アニメーションでスムーズに更新されるソリューションはありますか?

参考までに、これはスムーズではない解決策です（.tinyscrollbar()アニメーションが終了した後にもう一度呼び出すだけです）：

一部のコンテンツをレンダリングするバックボーンビューがあります。

次に、コンテンツが読み込まれた後、initializeScrollbar（）を呼び出します。

それが私がしたすべてです！tinyscrollbar（）の呼び出しは、これらのエラーのセットです。

しかし、Chromeコンソールは次のことを提供します。

Firefoxのfirebugコンソールは以下を提供します：

それらが関連しているかどうかはわかりませんが、私はプラグインである必要があり、指示に従って1行のコードのみを記述しました！なぜこれを行うのか、誰にも手がかりがあります。

私はjQuery/JSを初めて使用し、特定のウィンドウサイズで機能を追加または削除することにほとんど問題はありません。私のコードを見て修正していただければ幸いです。

詳細には、特定のウィンドウ サイズ (ウィンドウ幅が 650 ピクセルを超えるとしましょう) にのみ表示する tinyscrollbar プラグインを使用します。

これが私のコードです：

スクロールが垂直である DIV1 (#scrollbar1) があります。そして、スクロールが水平である DIV1 (#scrollbar1) 内に 1 つの DIV2 (#scrollbar2) を含めたいと思います。どちらも Tinyscrollbar プラグインを使用しています。

コード例:

これは可能ですか？

プラグインTinyscrollabr.jshttp://baijs.nl/tinyscrollbar/を使用して複数のスクロールバーを実装しようとしてい ます

スクロールバーを実装するには、次の記事のように関数scrollifyを使用します： http ：//www.eccesignum.org/blog/making-tinyscrollbarjs-easier-to-implement

HTML：

Javascript：

これをもっと簡単にしたいと思います。たとえば、私はこれを作ることができるでしょう：

ただし、tinyscrollbarにはIDが必要です。クラスでは、最初のスクロールバーが読み込まれ、他のスクロールバーは読み込まれません。Firebugは、このエラーメッセージ「f.obj[0]は未定義です」を返します

私の質問がばかげている場合は申し訳ありませんが、クラスを持つ要素のリストにtinyscrollbarを適用するにはどうすればよいですか？

そして、いくつかのアクションの後、関数$ allScrollbars.tinyscrollbar_update（）;を使用してこのすべてのスクロールバーを更新する方法。

助けてくれてありがとう、私はjavascriptから始めたばかりで、学ぼうとしています。