問題タブ [perfect-scrollbar]

このサイトでは Perfect Scrollbar jQuery アプリ ( http://www.yuiazu.net/perfect-scrollbar/ ) を使用しています。

http://thehummingbirdplace.com/

ニュース セクションにカーソルを合わせるとスクロールバーが表示されますが、下にスクロールしてコンテンツを表示することはできません。以前はこのスクロールバーをうまく使用していたので、何が違うのかわかりません。これをより単純なページで複製することはできませんでした.別のページで実験すると、機能するか消えてしまうため、なぜメインページをスクロールしないのに正常に表示されるのかわかりません.

念のため、ページで 2 番目の jQuery の使用も試してみましたが、同じ結果が得られました。

どんな助けでも大歓迎です!!

このプラグインを使用しましたhttps://github.com/noraesae/perfect-scrollbarありますがminScrollbarLength、設定maxScrollbarLengthしたいのですが、プログラミングが苦手で、このオプションをどこで変更できるかわからないので、助けを求めます。

インデックスの私のコード

iframe のスクロールバーをカスタマイズするクロスブラウザー ソリューションを探していました。私は JavaScript にあまり詳しくないので、CSS ソリューションを探していました。Webkit ブラウザー用の css ソリューションを見つけましたが、それは Opera、Chrome でのみ機能し、IE では機能しませんでした。これで、js の使用を避けられないことがわかりました。私は良い解決策を探していました、そしてこれは私の手に来ました

完璧なスクロールバー

ドキュメントを赤くしましたが、少し混乱しています。私はそれの最新バージョンをダウンロードしました。フォルダには多くのファイルが含まれており、どうすればよいかわかりません。「min」や「src」などのフォルダもあります。誰かこのプラグインの使い方を教えてください。HTML に含める必要があるファイルと、作業を完了するために他にどのような設定を行う必要がありますか? 最初に js と jquery を勉強する必要があることはわかっていますが、誰かがここで役に立てば幸いです。ありがとうございました

EDIT：OK私はそれを少し働かせることができました。そのスクロールバーを iframe に適用する必要があります。しかし、私にはいくつかの困難があります。以下に示すようにすると、マウスをiframeの上に移動するとスクロールバーが表示されますが、デフォルトのスクロールバーもそこにとどまり、デフォルトのスクロールバーのみが機能します。

これが私のメインページのコードです：

CSSは次のとおりです。

および JS (含まれている scroll.js):

アプリケーションのスクロールバーをカスタマイズするために perfect-scrollbar を使用しています。今、スクロール可能なセクションの高さをパーセンテージで定義したい状況があります。高さをパーセンテージに設定しようとしましたが、うまくいきません。

サンプルはこちら

誰でも助けることができますか？

Web サイトの div にスクロールバー プラグインを実装しようとしていますが、いくつかの問題に直面しています。まず第一に、次のように動作するはずでした：

しかし、私はそれを次のようにしか機能させることができませんでした:

しかし、window.loadを使用すると、スクリプトが常に機能しているようには見えないか、少なくともスクロール バーが常に表示されるわけではありません。

私は js や jquery にあまり詳しくありませんが、src ファイルperfect-scrollbar.jsをフォルダーに挿入し、通常は次のように呼び出してい<script src="http://domain.com/javascript/perfect-scrollbar.js"></script>ます。これは準備ができている別のドキュメントとの競合であると想定しているため、オンラインで解決策やその他のロード方法を検索したところ、競合がないことがわかり、次のように実装しようとしました。<script></script>

それでも結果はありません。これが行う唯一のことは、Webサイトのすべてのjqueryが機能しなくなることです。誰でもこれで私を助けることができますか？前もって感謝します

最終的に完璧なスクロールバーを適用したい iframe 内に div 要素を挿入しようとしています。今のところ、div 内に iframe を挿入し、完璧なスクロールバーを適用することができました。何か案は？

私のコードは次のとおりです。

iframe 内の div として挿入しようとしている部分は次のとおりです。