css怎么禁止滚动条滚动


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

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

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

css禁止滚动条滚动

如此设置:

1

2

3

4

body{   

    overflow-y: hidden;

    overflow-x: hidden;

}

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

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

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

(学习视频分享:css视频教程)

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

相关阅读 >>

css两个冒号什么意思

详解css处理长短文本内容的几种小技巧(值得收藏)

css transform-origin属性怎么用

css max-height属性怎么用

css @media属性怎么用

css中id和class选择器怎么使用

css阴影效果如何实现

html如何用css美化表格

css如何显示文字的上标和下标

css外部样式表有两种引用方法,分别是什么

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...