Rumah > Artikel > hujung hadapan web > css怎么禁止滚动条
css禁止滚动条的方法:1、在
里加入“scroll="no"”实现隐藏滚动条;2、通过设置“<boby scroll="auto">”实现在不需要时隐藏滚动条;3、通过overflow属性隐藏滚动条。
本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑
CSS 禁止滚动条
CSS 禁止滚动条,有4种方法,具体如下:
1、完全隐藏
在d9f058346999e1080c17c8a8369de063里加入scroll="no",可隐藏滚动条;
<boby scroll="no">
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;
反之,则显示;
<boby scroll="auto">
3、样式表方法(这个比较好用)
在d9f058346999e1080c17c8a8369de063里加入style="overflow-x:hidden",可隐藏水平滚动条;
加入style="overflow-y:hidden",可隐藏垂直滚动条。
被包含页面里加入
<style> html { overflow-x:hidden; } </style>
4、另一种方法
<style type="text/css"> body { overflow-x:hidden; overflow-y:hidden; } </style> <style type="text/css"> html { overflow-x:hidden; overflow-y:hidden; } </style>
推荐学习:《css视频教程》
Atas ialah kandungan terperinci css怎么禁止滚动条. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!