JavaScript如何隐藏滚动条

青灯夜游
青灯夜游 原创
2023-01-11 09:19:00 5268浏览

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

本教程操作环境: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中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。