禁止滾動事件方法


1 對於Pc

實現禁止滾動事件,在元素上添加css類

{
  height: 100%;
  overflow: hidden;
}

再次允許滾動時,移除此css類即可

在 IE, FF, Safari and Chrome均測試通過。

2 對於移動設備

實現禁止滾動事件,必須操作元素touchmove事件

假設在body元素上禁止滾動

function prevent (e) {
  e.preventDefault();
}
$('body').on('touchmove', prevent);

再次允許滾動

$('body').off('touchmove', prevent);

在iOS6 and Android 2.3.3測試通過。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM