首页 > web前端 > 前端问答 > JavaScript如何隐藏滚动条

JavaScript如何隐藏滚动条

青灯夜游
发布: 2023-01-11 09:19:00
原创
6812 人浏览过

实现方法:1、使用“document.body.parentNode.style.overflowY= "hidden";”语句;2、使用“$("body").parent().css("overflow-y","hidden");”语句。

JavaScript如何隐藏滚动条

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript隐藏滚动条的方法:

实现代码1:

document.body.parentNode.style.overflowY = "hidden";
登录后复制

1.gif

实现代码2:

$("body").parent().css("overflow-y","hidden");
登录后复制

2.gif

扩展知识:

启用浏览器滚动条(js)

document.body.parentNode.style.overflowY = "auto";
$("body").parent().css("overflow-y","auto");
登录后复制

css隐藏滚动条

::-webkit-scrollbar {
	width: 0px;
}
登录后复制

【推荐学习:javascript高级教程

以上是JavaScript如何隐藏滚动条的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板