ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでのスクロールバーの操作方法

HTMLでのスクロールバーの操作方法

php中世界最好的语言
リリース: 2018-01-22 11:02:34
オリジナル
2551 人が閲覧しました

今回はHTMLでスクロールバーを操作する方法について、HTMLでスクロールバーを操作する際の注意点を紹介します。

  1. htmlタグとattribute

<html lang="en" class="no-ie" style="overflow:hidden;">
ログイン後にコピー

2.本文に次のコードを追加します

<style type="text/css">     
html{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style>
ログイン後にコピー

HTMLページからスクロールバーを削除する方法

前のCSSファイルが上書きしないようにするため、本文のスタイル

を直接HTMLにCSSを書く

<span style="font-size:24px;"><style type="text/css">     
body{     
    overflow-x: hidden;     
    overflow-y: hidden;     
}     
</style></span>
ログイン後にコピー

これでスクロールバーはなくなります

これらの事例を読んだ後は、この方法をマスターしたと思います。さらに興味深い内容については、他の関連記事に注目してください。 php中国語ウェブサイトで!

関連書籍:

HTML メタ タグの一般的な使用法の紹介

HTML の基本概念の詳細な紹介

HTML テキスト形式に関する知識のまとめ

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

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