IOS回彈效果取消


最近在寫H5項目,遇到了一個問題,ios滾動條回彈,要求是不要整個網頁回彈

因為IOS自帶回彈效果  

  -webkit-overflow-scrolling: touch;

 會導致頁面滾動條不靈敏的問題

在不需要回彈效果的元素設置

html, body {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
然后在JS中設置
    document.body.addEventListener('touchmove',(e:any)=>{
      document.body.scrollTop = 0;
   })


免責聲明!

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



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