您的位置:首页 > 技术中心 > 前端框架 >

JavaScript如何隐藏滚动条

时间:2022-02-11 17:13

实现方法: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如何隐藏滚动条的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游