コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML でスクロール バーを非表示および削除する方法

不言
リリース： 2018-06-05 13:53:47
オリジナル
3738 人が閲覧しました

この記事では、HTML でスクロール バーを非表示にする方法とスクロール バーを削除する方法について主に紹介します。非常に優れているので、必要な方は参考にしてください。

1. XML/HTMLコード

内容をクリップボードにコピー

<html lang="en" class="no-ie" style="overflow:hidden;">
ログイン後にコピー
2.2.bodyに以下のコードを追加

前のcssファイルがbodyスタイルを上書きしないようにするため書き込むCSS を HTML に直接挿入します

XML/HTML コード

コンテンツをクリップボードにコピーします

<style type="text/css">
html{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style>
ログイン後にコピー
これにより、スクロール バーが表示されなくなります

関連する推奨事項:

HTML テーブルのセル コンテンツに省略記号効果が表示されるコンテンツ

を超えています

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

関連ラベル：
html隐藏滚动条 html去除滚动条
ソース：php.cn
前の記事：JSONデータをHTMLで表示する方法 次の記事：HTMLで履歴書を作成する簡単な実装
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
クリックしてスクロールすると div を非表示/表示します 検索アイコンをクリックすると表示され、ユーザーがクリックまたはスクロールすると非表示になる、非表示の検索フォームを作成したいと考えています。
から 2024-04-06 12:20:46
0
1
386
ウィンドウ内のコンテンツがオーバーフローするとスクロールできなくなり、新しいコンテンツが非表示になります 私は現在ルーレット システム プログラムを構築しており (これは賭けをするというよりも賭けを阻止するためです!)、基本的なフレームワークを実行しているだけですが、すでにメイン ウィ...
から 2024-04-03 21:24:55
0
1
285
Vanilla JS setTimeout(): 間違った動作の特定 ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次の...
から 2024-04-02 20:44:40
0
1
284
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート