ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptでスクロールバーを非表示にする方法

JavaScriptでスクロールバーを非表示にする方法

青灯夜游
リリース: 2023-01-11 09:19:00
オリジナル
6872 人が閲覧しました

実装方法: 1. "document.body.parentNode.style.overflowY= "hidden";" ステートメントを使用します。 2. "$("body").parent().css("overflow - y","hidden");" ステートメント。

JavaScriptでスクロールバーを非表示にする方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#スクロール バーを非表示にする JavaScript メソッド:

実装コード 1:


document.body.parentNode.style.overflowY = "hidden";
ログイン後にコピー

JavaScriptでスクロールバーを非表示にする方法

実装コード 2:

$("body").parent().css("overflow-y","hidden");
ログイン後にコピー

JavaScriptでスクロールバーを非表示にする方法

拡張知識:

ブラウザのスクロール バーを有効にする (js)

document.body.parentNode.style.overflowY = "auto";
$("body").parent().css("overflow-y","auto");
ログイン後にコピー

css 隠しスクロール バー

::-webkit-scrollbar {
	width: 0px;
}
ログイン後にコピー

[推奨学習:

JavaScript 上級チュートリアル]

以上がJavaScriptでスクロールバーを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート