適用所有頁面有滾動且有彈出的情況,禁止彈層上滑動行為觸發底層頁面的滾動
頁面有滾動條,當有彈層彈出時,彈出層上touchmove事件會觸發底層頁面滾動
scrollview的高度固定,內部view的高度自由撐開,大於scrollview的高度時就會出現滾動條
需要滾動的內容
如果出現彈層,在彈層彈出時給scrollview新增overflow:hidden;
隱藏時移除即可
不需要通過新增多個阻止預設事件或者fixed的方式
滾動穿透問題完美解決方案
滾動穿透 簡單的說,滾動穿透就是彈層中有滾動時,滾動彈層滾動條背景下面內容也會滾動 目標 彈層滾動時,背景下面內容不會滾動,彈出層關閉後頁面的滾動位置仍在原處不會丟失!下面這段 直接引用,看效果 open modal one open modal two 這裡是可滾動內容 滾動 content 滾動...
移動端 點選滾動穿透的解決方案
一般都是touch和click混用導致的,touch是立馬觸發的,touchend還會觸發一次click,導致上層元素touchend觸發的click會影響到下層元素。解決辦法 只用touch 或者 只用click 使用fastclick 等一些自定義tap事件,移除touchend之後觸發的那次c...
快取穿透解決方案
1 先查快取,快取不存在查資料庫,資料庫中如果存在則存入快取 問題 大量不存在的資料導致資料庫的查詢頻次高,有900多萬次 因為該功能上線預設為不存在,所以正常使用者訪問也是每次都查詢 2 先查快取,快取中不存在查資料庫,資料庫如果存在則存結果入快取 如果不存在則存 1入快取 資料庫的查詢次數明顯降...