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";//开启纵向滚动条

在移动端，给body增加overflow:hidden;width:100%;height:100% 无效的问题。在网上找了几种解决办法

1、body加position:fixed; —-可行

2、给要滚动的元素添加一个父级，设定高度，overflow：auto；

3、html,body{height:100%;overflow:hidden}

文章参考：https://blog.csdn.net/newborn2012/article/details/17845289