简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > 前端问答 > 正文

html5 怎么禁止滚动

藏色散人
发布： 2021-11-10 14:20:57
原创
2541 人浏览过

html5禁止滚动的方法：1、新建一个index.html页面；2、在html页面的body中增加一个样式控制“style="overflow:hidden"”即可。

html5 怎么禁止滚动

本文操作环境：windows7系统、HTML5版、DELL G3电脑

html5 怎么禁止滚动？

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

84170ea269b0b50b23bce49279a5110.png

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

750a2976d89f6dcbb85a15f8690fbe0.png

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

347fbdb0a8cc28a5992fa2e917cbf1a.png

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

3498d751ec03a0b1ce52bdbd43a2d19.png

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

d5f953ae8be471ac444e973a1887f2f.png

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

1cc21e4bd4b842d5b2bc3f532ef8fc1.png

推荐学习：《HTML视频教程》

以上是html5 怎么禁止滚动的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
html5
来源：php.cn
上一篇：css怎么控制div固定不动 下一篇：html 怎么设置文字无法选中
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何让我的图像显示在页面的主显示屏上？ 我想做的是使用NASAAPI接收一些照片。然后在我的网页的缩略图和主显示屏上显示这些照片。我只是弄清楚为什么代码不从缩略图中获取图像并将其显示在页面上。我还使用HTML5及以上版本...
来自于 2024-04-06 15:33:12
0
1
433
PDF文件能够运行HTML5和Javascript吗？ 我有一个愚蠢的想法，想尝试制作一个在任何计算机上都不会被阻止的程序，因为它将嵌入在PDF中（我听说Javascript可以在PDF中运行）。它将在PDF文件中运行HTML5和Jav...
来自于 2024-04-05 12:57:00
0
1
456
HTML5中的enctype和formenctype有什么区别？ 我只是想知道HTMLLivingStandard（又名新的HTML5规范）中的属性enctype和formenctype之间有什么区别？我一直在阅读《面向开发人员的HTML标准》，...
来自于 2024-04-02 11:47:56
0
1
275
使页面适合移动设备吗？ 我有很多网页和一些网站。问题是，我是一个初学者。我使用基本的html5和css3，但我不知道如何使它们放大、缩小并且适合移动设备。例如，这是我的页面之一和我的网站之一，您可以在其中...
来自于 2024-04-01 20:42:38
0
1
259
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！