javascript禁用浏览器滚动条的方法

发布时间:2020-06-27编辑:脚本学堂
本文介绍了javascript禁用浏览器滚动条的办法,在网页中编辑文章时,编辑窗口中有滚动条,当编辑窗口中的滚动条滚动到底的时候再滚动,就会滚动浏览器的滚动条,怎么在打开编辑的时候禁用浏览器滚动条,编辑完成之后又恢复呢?

有四个属性可以设置:
 

document.body.parentNode.style.overflow = “hidden";//隐藏且禁用横向纵向两个滚动条
document.body.parentNode.style.overflow = “auto";//开启横向纵向两个滚动条
document.body.parentNode.style.overflowX = ”hidden“;//隐藏横向滚动条

document.body.parentNode.style.overflowX = ”auto“;//开启横向滚动条

document.body.parentNode.style.overflowY = ”hidden“;//隐藏纵向滚动条

document.body.parentNode.style.overflowY = ”auto“;//开启纵向滚动条

总之,用好以上属性,就可以禁用浏览器滚动条了。