最近在寫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;
})
