备案控制台
开发者社区 开发与运维 文章 正文

HTML5-JS操作页面滚动条（禁止、隐藏、显示、不显示）

2023-11-30 74
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： HTML5-JS操作页面滚动条（禁止、隐藏、显示、不显示）

不显示滚动条（css）

::-webkit-scrollbar {
  width: 0px;
}

禁止页面滚动条（js）

document.body.parentNode.style.overflowY = "hidden";
$("body").parent().css("overflow-y","hidden");

启用浏览器滚动条（js）

document.body.parentNode.style.overflowY = "auto";
$("body").parent().css("overflow-y","auto");
文章标签：
JavaScript
前端开发
关键词：
HTML页面滚动
root8042965
目录
相关文章
秋刀鱼不做梦
|
4天前
|
前端开发
HTML+CSS练习小项目——百叶窗
HTML+CSS练习小项目——百叶窗
秋刀鱼不做梦
21 7
游客n5wu27bgadceq
|
2天前
|
XML 前端开发 JavaScript
HTML、CSS、JavaScript有什么区别
HTML、CSS、JavaScript有什么区别
游客n5wu27bgadceq
11 1
6wzqypjsfbwzu
|
7天前
|
编解码 前端开发
编写代码中常见问题汇总（html和css）
text-indent用于首行缩进，line-height与height相同实现垂直居中；vertical-align:middle用于行内元素居中；text-align:center做水平居中；list-style:none清除列表符号；overflow:hidden隐藏溢出；background-repeat:no-repeat阻止平铺；float:left实现横排；相对定位父元素，绝对定位子元素；box-sizing调整盒子模型；用边框或overflow解决盒子塌陷；
6wzqypjsfbwzu
30 5
众所周知
|
11天前
|
缓存 移动开发 前端开发
在PWA的开发中，HTML与CSS作为前端技术的基础，发挥着至关重要的作用
【6月更文挑战第14天】PWA（渐进式网页应用）借助HTML和CSS，提供接近原生应用的体验。HTML构建页面结构和内容，响应式设计适应各种设备，语义化标签提升可访问性，Manifest文件配置应用元数据，离线页面保证无网时体验。CSS则用于定制主题样式，创建动画效果，实现响应式布局，并管理字体和图标。两者协同工作，确保PWA在不同环境下的优秀性能和用户体验。随着前端技术进步，HTML与CSS在PWA中的应用将更加深入。
众所周知
22 2
一只大鸽子
|
11天前
|
XML 前端开发 JavaScript
前端简介（HTML+CSS+JS）
前端简介（HTML+CSS+JS）
一只大鸽子
24 1
龙大吉
|
11天前
|
缓存 前端开发 JavaScript
从HTML、CSS以及其他方面介绍一些移动端网页性能优化的策略
【6月更文挑战第14天】本文探讨了移动端网页性能优化的重要性，并提出了HTML、CSS及其他方面的优化策略。HTML方面，建议精简结构、使用语义化标签、异步加载脚本和压缩文件。CSS优化包括简化样式、利用CSS3动画、媒体查询及压缩文件。其他策略涉及图片和字体优化、缓存利用、压缩传输数据、减少HTTP请求及监听网络状态。通过这些方法，可提升网页性能，改善用户体验。
龙大吉
15 1
Want595
|
14天前
|
数据库 数据安全/隐私保护 Python
Web实战丨基于django+html+css+js的电子商务网站
Web实战丨基于django+html+css+js的电子商务网站
Want595
36 3
Want595
|
14天前
|
前端开发 安全 数据安全/隐私保护
Web实战丨基于django+html+css+js的在线博客网站
Web实战丨基于django+html+css+js的在线博客网站
Want595
19 2
Want595
|
14天前
|
存储 前端开发 测试技术
Web实战丨基于django+html+css的在线购物商城
Web实战丨基于django+html+css的在线购物商城
Want595
33 2
sky_qiyi
|
19天前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点（3）——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点（3）——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
sky_qiyi
22 1