首页  >  文章  >  web前端  >  JavaScript如何隐藏滚动条

JavaScript如何隐藏滚动条

青灯夜游
青灯夜游原创
2021-09-09 15:58:026593浏览

实现方法: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中文网其他相关文章!

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