Rumah  >  Artikel  >  hujung hadapan web  >  JavaScript如何隐藏滚动条

JavaScript如何隐藏滚动条

青灯夜游
青灯夜游asal
2021-09-09 15:58:026465semak imbas

实现方法: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高级教程

Atas ialah kandungan terperinci JavaScript如何隐藏滚动条. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:javascript的编写工具有哪些Artikel seterusnya:javascript怎么求10阶乘