問題タブ [mcustomscrollbar]

時々リロードされるページの要素に mCustomScrollbar を使用します。これはメッセージ ビューであり、ユーザーが別の会話をクリックすると、この会話のメッセージが読み込まれます。ただし、これをロードした後に下にスクロールしたい場合、最新のメッセージが下にあるため、下にスクロールするのではなく、下に数ピクセル上にスクロールします(「いくつか」は10〜200pxの間でランダムにできます)。

以下は簡単な例です。

CSS: わずかな余白とパディングと色とその他のもので、派手なものは何もありません

mCustomScollbarでスクロールしながらアニメーションを作ろうとしています

次のコードを使用して、電流を取得scrollTopし、特定の高さでアニメーション化することができます。

しかし、このコードでアニメーションを逆向きにしようとすると:

この部分は失敗し、一度追加animate({opacity:0})すると、アニメーションが開始されるまでに時間がかかります。

プレビュー:

http://www.alphadesigns.t15.org/

サイトでjQuery カスタム コンテンツ スクローラーを使用しており、すべてのファイルが正しくインストールされています。ただし、このプラグインをデフォルトのブラウザーのスクロールバーに置き換えたいのですが、それを実現するのに苦労しています。明らかに、HTML マークアップ全体に適用する必要があります。

このプラグインをコンテンツに追加するために、開発者は次のことを提案しています。

これまでのところ、ブラウザのスクロールバーに適用するために、以下のコードを試しましたが、うまくいきませんでした:

私が間違っていること、またはこのコードをブラウザーで機能させる方法を知っている人はいますか?

このプラグインを使用して、カスタム スクロール機能を Web ページに追加しています。( http://manos.malihu.gr/jquery-custom-content-scroller/ ) あるセクションで、列を水平にスクロールする新聞のようなコンテンツ/投稿が必要ですが、問題:

1. レイアウトのメディアクエリと応答性は適用されません
2. 私のコンテンツの言語は RTL (ペルシア語) です。スクロールを右から左に開始したいのですが、当然左から開始するため、左から大きなスペースがあり、元のコンテンツに到達するにはスクロールする必要があります。

皆さんから解決策を得ることができれば、私は感謝しています:)

前もって感謝します。

を使用して、MongoDB データベースからリストを動的に生成していますgetJSON()。

生成される HTML は正しく、関連する CSS スタイルも正しいです。

には<li>背景として画像が必要ですが、適用されていません。

Firebug では、それぞれの画像の背景 URL にカーソルを合わせる<li>と、画像がプレビューされるので、パスが正しいことがわかりますが、表示されていません。

私が遭遇したソリューションには使用listview('refresh')が含まれますが、それは jQuery Mobile ソリューションのようで、標準の jQuery を使用しているだけです。

私が見た別の解決策はaddClass()、関数の実行後に要素を使用することですが、要素には HTML に適用された正しいクラスが既にあり、スタイルは表示されません。

関数の実行後に CSS を再適用する「標準的な」方法、または CSS が動的に生成されたリストに確実に適用されるようにする別の方法はありますか?

HTML

jQuery（外部jsファイル）

生成された HTML

私は現在、jquery フリーのプラグインである mcustomscrollbar を使用しています。このプラグインで常にスクロールバーを表示する方法はありますか?

mCustomScrollbarをSCEditorに適用するにはどうすればよいですか?

これは私がこれまでに試したことです：

HTML

JS

この例に従って、別のアプローチも試しましたが、ボディが消去されています（この質問を参照してください）