做Web應(yīng)用,碰到問(wèn)題,當(dāng)拖動(dòng)頁(yè)面的時(shí)候,IOS的整個(gè)WebView會(huì)被拖動(dòng),導(dǎo)致上下方有灰色空白出現(xiàn),并且影響內(nèi)部滑動(dòng)的體驗(yàn)。
在網(wǎng)上找了個(gè)神秘代碼,大概意思就是監(jiān)聽(tīng)觸摸移動(dòng)的事件,如果并非滑動(dòng)容器,就禁止滑動(dòng)。
這個(gè)神秘代碼解決了其中一個(gè)問(wèn)題,但是當(dāng)我把他放到另一個(gè)頁(yè)面的時(shí)候,發(fā)現(xiàn)整個(gè)頁(yè)面的滑動(dòng)都被禁止了。對(duì)比兩個(gè)代碼,完美解決的DIV采用了mui的滑動(dòng)組件(mui-scroll)即會(huì)被判斷為滑動(dòng)容器,而沒(méi)有起到效果的DIV則用的瀏覽器自帶滑動(dòng),沒(méi)有做其他設(shè)置。
神秘代碼:
document.body.addEventListener('touchmove', function(e) {
if(e._isScroller) return;
e.preventDefault();
}, {
passive: false
});