css怎么禁止滚动条滚动-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在css中，可以使用overflow-x和overflow-y属性来禁止滚动条滚动；给boby元素添加“overflow-x:hidden”样式可禁止水平滚动条滚动，添加“overflow-y:hidden”样式可禁止垂直滚动条滚动。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css禁止滚动条滚动

如此设置：

body{    
    overflow-y: hidden;
    overflow-x: hidden;
}

overflow-x属性指定如果它溢出了元素的内容区是否剪辑左/右边缘内容。

overflow-y属性指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。

当这两个属性的值设置为“hidden”可禁用水平和垂直滚动条，禁止滚动条的滚动。

（学习视频分享：css视频教程）

以上就是css怎么禁止滚动条滚动的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者