84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Vue2.0 のスクロール バー プラグインが見つかりませんでした。JS を使用してスクロール バーを実装したいと思い、インターネット上でスクロール バーを実装するための JS プラグインをいくつか見つけました。スクロールバーコードを手動で書いたマスターはいますか?それとも関連するブログはありますか？コードは必要ありません。基本的な実装アイデアだけでOKです。
认证高级PHP讲师
最初の構造
CSS については説明しません。コンテンツの高さに基づいてスクロール バーの高さを計算し、スクロール イベントがトリガーされた後にコンテンツ要素とスクロール バーが確実に移動するようにする必要があります。 互換性のために、マウスホイールとタッチイベントを考慮する必要があります。基本的にはそれだけです。
ずっと前に書いたものなので、リンクの説明を見てください
1. フローティングオブジェクトスタイルの位置を作成するために js を使用しないでください: 固定。ただしフローティング効果はありません。 2. オブジェクト js はフローティング、オブジェクト スタイルを絶対にします。スクロール イベントをオブジェクトにバインドして、オブジェクトの位置とウィンドウの上部の間の距離を決定します。scrollTop を使用してオブジェクトを移動できます。このような方法はたくさんあるので、オンラインで調べることができます
jc スクロールバープラグイン
私が書いたものなので、ご使用いただけます。ご不明な点がございましたら、お問い合わせください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
最初の構造
リーリーCSS については説明しません。コンテンツの高さに基づいてスクロール バーの高さを計算し、スクロール イベントがトリガーされた後にコンテンツ要素とスクロール バーが確実に移動するようにする必要があります。
互換性のために、マウスホイールとタッチイベントを考慮する必要があります。基本的にはそれだけです。
ずっと前に書いたものなので、リンクの説明を見てください
1. フローティングオブジェクトスタイルの位置を作成するために js を使用しないでください: 固定。ただしフローティング効果はありません。
2. オブジェクト js はフローティング、オブジェクト スタイルを絶対にします。スクロール イベントをオブジェクトにバインドして、オブジェクトの位置とウィンドウの上部の間の距離を決定します。scrollTop を使用してオブジェクトを移動できます。このような方法はたくさんあるので、オンラインで調べることができます
jc スクロールバープラグイン
私が書いたものなので、ご使用いただけます。ご不明な点がございましたら、お問い合わせください。