問題タブ [perfect-scrollbar]

jQuery UIにパーフェクトスクロールバープラグイン(ブラウザーのデフォルトスクロールバーの代わりに美しいスクロールバーを提供する)を追加しようとしていますselectmenu

これがJSFIDDLEです

スクロールバーを開くとselectmenu、マウスをリストの一番下に近づけるまで (リストをホバーしても) 表示されません (つまり、selectmenu を初めて開いたときに、何も表示されていないように感じます)。スクロールバーがないため、他のアイテム)

どうすれば解決できますか？

HTML

JS

CSS

スクロール機能を実装するために、コメント ボックスを実装し、perfect-scrollbarプラグインを使用しています。angularを使用して構築されたページをロードするたびに、コメントボックスの内側にダミーのコメントテキストが表示されます。同じコントローラ内$timeoutで 500 ミリ秒を設定し、コメント ボックスのスクロールバーを初期化する関数を呼び出します。スクロール機能は動作しますが、正しく動作しません。スクロールバーが表示されず、コメント ボックスがコンテンツの 2 倍の高さまでスクロールして、コメントの最後に到達し、まだスクロールできる空白スペースがあるようにします。

jsfiddle 内で問題を再現しようとしましたが、すべて問題なく動作します。これが私のフィドルです。これが私のアプリのヘッド部分です

スクロールバーを初期化する呼び出しを実行する JavaScript ファイルは、フィドルとまったく同じに見えます。

ブラウザでテストを実行したり、実行されている正確なコードを調べたりしたい場合は、Google ドライブのコピーへのhtml ファイルリンクを使用してください。

スクロールバーは表示できますが、div のコンテンツをスクロールできません。

スクロール バーは表示されますが、スクロール バーがどのようにレンダリングされるかのスクリーンショットを添付したコンテンツをスクロールできません。

スクリーンショット.png

テーブルのスクリーンショット

これを使用して「パーフェクトスクロールバー」を作成しようとしています：

https://noraesae.github.io/perfect-scrollbar/

最も単純なコードを使用すると、次のようになります。

そして、次のエラーがあります：

TypeError: $(...).perfectScrollbar は関数ではありません

もちろん、すべての js/css は正しい方向を指しています。必要に応じて、ここでライブを見ることができます。

http://florida.red111.net/a.html

jQueryがライブラリを認識していないようです。

何か案は？

前もって感謝します。

私はperfect-scrollbarを使用しています。ドキュメントには、スクロールバーは完全にカスタマイズ可能であると書かれていますが、そのような設定はありませんwidth

これは default: のように見え、幅はわずか 8px です。

しかし、少なくとも 12px が必要です。

これを達成する方法は？

AngularJS Web サイトで perfect-scrollbar プラグインを使用しようとしていますが、次のエラーが表示されます。

TypeError: element.getAttribute は、Object.exports.get ( http://localhost/Myproject ) の getId ( http://localhost/Myproject/js/lib/perfect-scrollbar.jquery.js:1299:20 ) の関数ではありません/js/lib/perfect-scrollbar.jquery.js:1334:20 )

行われること:

どうしても我慢できないので、アドバイスをお願いします...

完全なスコルバーを使用してコンテンツを最初にクリックすると、コンテンツの先頭に表示され、残りの時間は応答しません。

そのクリックイベントを無効にしたいのですが、タップは機能しません。

Perfect Scrollbarを使用してから Angular 2 を使用し始めましたが、同様の追加が見つかりません。Angular 2プロジェクトで完璧なスクロールバーを実装する正しい方法は何ですか?

私はこの素晴らしい例に従いましたが、どのように変更するか迷っていますngOnInit()

これに=>