移動端點透點透現象出現的場景: 當A/B兩個層上下z軸重疊，上層的A點擊后消失或移開（這一點很重要），並且B元素本身有默認click事件（如a標簽）或綁定了click事件。在這種情況下，點擊A/B重疊的部分，就會出現點透的現象。 點透現象出現的原因： zepto的tap事件是通過兼聽 ...

一、背景 博主所負責其中一個項目是web頁面，在移動端上出現了事件穿透問題，開發介紹問題原因后，發覺是移動web一個知識點，值得記錄一下。 二、click與300ms延遲 移動瀏覽器提供一個特殊的功能：雙擊（double tap）放大 300ms的延遲就來自這里，用戶觸碰頁面之后，需要 ...

　最近剛做完一個移動端的項目，產品之無敵，過程之艱辛，我就不多說了，記錄下在這個項目中遇到的問題，以防萬一，雖然這些可能都是已經被N多前輩解決掉了的問題，也放在這里，算是為自己漫漫前端路鋪了一顆小石子兒吧，也在文末留下自己未能解決的疑問，希望看到的朋友能解惑。 　　都知道做移動端的開發 ...

$(document).on("click",".動態添加的dom",function(){　　console.log("11") }) //在ios里這里動態添加的dom點擊事件不會觸發,解決辦法：給觸發點擊事件動態添加的dom增加樣式,cursor:pointer ...

/*設置IOS頁面長按不可復制粘貼，但是IOS上出現input、textarea不能輸入，因此將使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系統默認菜單 ...

： 這樣，你再也不用因為頁面的滑動穿透而煩惱啦~ 順便再分享一些關於滾動的優化方法： 1.消除 ...

移動端H5頁面慣性滑動監聽 　　在移動端，當你快速滑動有滾動條的頁面時，在你手指離開屏幕時，滾動並不會立即停止，而是會隨着“慣性”繼續滑動一段距離。 　　在做項目的過程中，需要監聽慣性滑動整個過程。在網上並沒有找到相應的監聽事件，於是就自己寫了一個監聽方法。 　　慣性滾動開始時調用的方法 ...

前言：前端頁面的布局（各元素的間距），一般會有PSD文件，有精確的px單位，而px與rem要如何轉換才能高度還原設計圖呢 一般情況下，設計稿的寬高為： 750*1334px，而大部分流行手機的屏幕尺寸為： 375*667px，正好是一倍的關系。 手機瀏覽器的根 ...