js-禁止長頁面滾動

標題的需求問題其實我經常遇到。尤其是在碰到頁面同時出現有視頻及彈層的情況。

當然我說的問題皆是針對微信H5開發的哈

IOS中，視頻播放，彈層出現時，視頻在彈層的下面，不會出現問題；

安卓手機中，完了，視頻播放，彈層出現，視頻在彈層的上方，完了完了，此時我們的解決辦法前提是頁面很長，足夠視頻的位置未出現在我們能看到的界面中，此時彈層出現了。那我們這時就禁止頁面滾動，方式視頻再次進入我們的視線界面中。

不多說，方法如下：

var yazi=function(e){e.preventDefault();};
    function stop(){
	 document.body.style.overflow='hidden';        
         document.addEventListener("touchmove",yazi,false);//禁止頁面滑動
    }
/***取消滑動限制***/
   function move(){
	 document.body.style.overflow='';//出現滾動條
	 document.removeEventListener("touchmove",yazi,false);        
  }