body {
overflow: hidden;
}
この方法では、body
要素のoverflow
プロパティをhidden
に設定することで、スクロールバーを非表示にすることができます。ただし、この方法はページ全体のスクロールを無効にするため、注意が必要です。
方法2:CSSの::-webkit-scrollbarプロパティを使用する方法
body::-webkit-scrollbar {
display: none;
}
この方法では、body
要素の::-webkit-scrollbar
を使用して、スクロールバーを非表示にします。ただし、これはFirefoxのみではなく、一部のブラウザでのみ動作します。
方法3:JavaScriptを使用してスクロールバーを非表示にする方法
document.documentElement.style.overflow = 'hidden';
この方法では、JavaScriptを使用してdocument.documentElement
のoverflow
スタイルをhidden
に設定することで、スクロールバーを非表示にすることができます。