css教程css如何禁止滚动条

更多教程资料进入php教程获得。

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

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

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

1、完全隐藏

在<boby>里加入scroll="no"，可隐藏滚动条；

<boby scroll="no">

2、在不需要时隐藏

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

反之，则显示；

<boby scroll="auto">

3、样式表方法

在<boby>里加入style="overflow-x:hidden"，可隐藏水平滚动条；

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

被包含页面里加入

<style>
html { overflow-x:hidden; }
</style>

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

以上就是css如何禁止滚动条的详细内容，更多请关注zzsucai.com其它相关文章！