問題タブ [perfect-scrollbar]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - パーフェクトスクロールバーが jQuery ui selectmenu に正しく適用されない
jQuery UIにパーフェクトスクロールバープラグイン(ブラウザーのデフォルトスクロールバーの代わりに美しいスクロールバーを提供する)を追加しようとしていますselectmenu
これがJSFIDDLEです
スクロールバーを開くとselectmenu
、マウスをリストの一番下に近づけるまで (リストをホバーしても) 表示されません (つまり、selectmenu を初めて開いたときに、何も表示されていないように感じます)。スクロールバーがないため、他のアイテム)
どうすれば解決できますか?
HTML
JS
CSS
html - スクロールバー プラグインは jsfiddle では機能しますが、実際のアプリケーションでは誤動作します
スクロール機能を実装するために、コメント ボックスを実装し、perfect-scrollbarプラグインを使用しています。angularを使用して構築されたページをロードするたびに、コメントボックスの内側にダミーのコメントテキストが表示されます。同じコントローラ内$timeout
で 500 ミリ秒を設定し、コメント ボックスのスクロールバーを初期化する関数を呼び出します。スクロール機能は動作しますが、正しく動作しません。スクロールバーが表示されず、コメント ボックスがコンテンツの 2 倍の高さまでスクロールして、コメントの最後に到達し、まだスクロールできる空白スペースがあるようにします。
jsfiddle 内で問題を再現しようとしましたが、すべて問題なく動作します。これが私のフィドルです。これが私のアプリのヘッド部分です
スクロールバーを初期化する呼び出しを実行する JavaScript ファイルは、フィドルとまったく同じに見えます。
ブラウザでテストを実行したり、実行されている正確なコードを調べたりしたい場合は、Google ドライブのコピーへのhtml ファイルリンクを使用してください。
perfect-scrollbar - TypeError: $(...).perfectScrollbar は関数ではありません
これを使用して「パーフェクトスクロールバー」を作成しようとしています:
https://noraesae.github.io/perfect-scrollbar/
最も単純なコードを使用すると、次のようになります。
そして、次のエラーがあります:
TypeError: $(...).perfectScrollbar は関数ではありません
もちろん、すべての js/css は正しい方向を指しています。必要に応じて、ここでライブを見ることができます。
http://florida.red111.net/a.html
jQueryがライブラリを認識していないようです。
何か案は?
前もって感謝します。
jquery - 完璧なスクロールバーの幅をカスタマイズする方法
私はperfect-scrollbarを使用しています。ドキュメントには、スクロールバーは完全にカスタマイズ可能であると書かれていますが、そのような設定はありませんwidth
これは default:
のように見え、幅はわずか 8px です。
しかし、少なくとも 12px が必要です。
これを達成する方法は?
javascript - 完全スクロールバー: element.getAttribute は関数ではありません
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 )
行われること:
どうしても我慢できないので、アドバイスをお願いします...
javascript - 完璧なscrollbar.jsでタップを無効にする方法
完全なスコルバーを使用してコンテンツを最初にクリックすると、コンテンツの先頭に表示され、残りの時間は応答しません。
そのクリックイベントを無効にしたいのですが、タップは機能しません。
jquery - Angular2 のスクロール可能なコンテンツ
Perfect Scrollbarを使用してから Angular 2 を使用し始めましたが、同様の追加が見つかりません。Angular 2プロジェクトで完璧なスクロールバーを実装する正しい方法は何ですか?
私はこの素晴らしい例に従いましたが、どのように変更するか迷っていますngOnInit()
これに=>