移動端頁面滾動後不觸發touchend事件

2021-10-12 01:43:40 字數 389 閱讀 2344

在移動端頁面進行優化時,一般使用touch事件替代滑鼠相關事件,用的較多的是使用touchend事件替代pc端的click和mouseup事件。

但是,touchend事件在頁面滾動時有個問題。在滾動完成後,如果當前觸點的位置所指的元素繫結了touchend事件,這時便會觸發該元素的touchend事件,造成誤操作。

解決方法很簡單,就是在頁面滾動時停止touchend事件冒泡,這樣就可以防止觸發touchend事件。

引入該函式並進行呼叫。

function stoptouchendpropagationafterscroll(), true);

function stoptouchendpropagation(ev)

}

前端 移動端彈窗彈出後禁止頁面滾動

在做專案時,我碰到了乙個問題,當浮層彈出後,浮層後面的內容仍可以滾動。首先我們要明確,當浮層彈出後,我們操作的是body的滾動條,而不是其他div。body出現滾動條。這種問題是應該避免,我認為合理的頁面布局不應該讓body出現滾動條。應該將內容放在div中,讓div出現滾動條,這樣可以很方便的處理...

web頁面移動端滾動失效問題

專案背景 angular7 echarts 4.8.0 開發的web專案。有乙個全是由各種圖表組成的頁面,在android10系統的手機上訪問頁面時,發現滑動介面不能正常的向下滾動,只有滑動非圖表區域的地方,才能滾動。但是在pc端和ios系統的手機,以及android5.1系統的手機上。頁面滾動時沒...

PC端 移動端 禁止底層頁面滾動

在頁面中彈出層後。如果是彈出的頁面滾動到頂部 底部後。在拖動 body 也會一起跟著滾動 pc端解決方案 在蒙版層彈出時,加上這句 document.body.parentnode.style.overflow hidden 禁止橫豎向滾動條在彈出層頁面關閉時 document.body.paren...