有時候在網頁中編輯文章的時候，編輯視窗中有滾動條，當編輯視窗中的滾動條滾動到底的時候再滾動，就會滾動瀏覽器的滾動條，怎麼在開啟編輯的時候禁用瀏覽器滾動條，編輯完成之後又恢復呢？這裡有四個屬性可以設定：

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