CSSでスクロールバーを無効にする方法

coldplay.xixi
リリース: 2023-01-05 16:12:30
オリジナル
5217 人が閲覧しました

css禁止滚动条的方法:1、完全隐藏,代码为【<boby scroll="no">】;2、在不需要时隐藏,代码为【<boby scroll="auto">】;3、样式表方法。<boby scroll="no"><boby scroll="auto">

CSSでスクロールバーを無効にする方法

本教程操作环境:windows7系统、css3版,DELL G3电脑。

1、完全隐藏

里加入scroll="no",可隐藏滚动条;

<boby scroll="no">
ログイン後にコピー

2、在不需要时隐藏

指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;

反之,则显示;

<boby scroll="auto">
ログイン後にコピー

3、样式表方法

里加入style="overflow-x:hidden",可隐藏水平滚动条;

加入style="overflow-y:hidden",可隐藏垂直滚动条。

被包含页面里加入

<style>
html { overflow-x:hidden; }
</style>
ログイン後にコピー

相关教程推荐:CSS视频教程

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

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