html - ページ全体および単にdiv内のデフォルトのスクロールバーを変更する方法

Question

チュートリアルを使用して、Webページのデフォルトのスクロールバーを変更しようとしています。

問題は、ページ全体ではなく、特定のdivタグ内に配置したコンテンツのスクロールバーが変更されることです。たとえば、この デモでは、スクロールバーは変更されていますが、ページ全体は変更されていません。ページ全体と特定のコンテンツブロックのスクロールバーを変更するのを手伝ってくれる人はいますか？

前もって感謝します。

Answer 1

ほとんどのブラウザでは、ブラウザのスクロールバーを変更できません。

要素には、カスタムスクロールバーのみを設定できます。

これを回避するには、オーバーフローを使用する必要があります。

html, body {
overflow:hidden;
}

Thiosは、デフォルトのスクロールバーと動作を無効にします。

次に、すべてのコンテンツのラッパー要素を使用して、それにjsを適用できます。