css如何让网页不能滚动?

css如何让网页不能滚动?如何禁止网页滚动?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

怎么禁止整个页面滚动

页面滚动:滚动条使我们在制作页面中经常使用的一些属性,但在某些打开页面中是不需要滚动条的,那怎样设置可以禁用滚动条

可以在body中增加一个属性 style="overflow:hidden"

具体介绍:

首先新建一个index.html页面,来模拟演示下

1.png

在body中预制大量数据,方便显示滚动条

2.png

在浏览器中打开可以看到纵向的滚动条

3.png

在html页面的body中增加一个样式控制 style="overflow:hidden",增加之后保存

4.png

在浏览器中刷新之前展示的界面

5.png

刷新之后可以看到,已经不显示滚动条,界面就禁止滚动了

6.png

注意事项

还有一种就是父界面足够大,所有元素的宽高都不超过父界面也不会显示滚动

如果不行body中增加 style="overflow:hidden"是比较好用的

更多web前端知识,请查阅 HTML中文网 !!

以上就是css如何让网页不能滚动?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏