国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css移動端實現與pc端一樣的:acitve效果

2024-07-11 09:06:05
字體：大 中 小
來源：轉載
供稿：網友
移動前端如何與pc端那樣的一個:hover的效果，在看美團h5的頁面時發現他們做對這個效果做得很好，它們只是多了一行代碼而已，對body綁定了一個touchstart事件
 
 
做移動前端也有一些日子了，一直有個問題沒有解決，就是與pc端那樣的一個:hover的效果，:hover是鼠標指針浮動在其上的元素的一個選擇器，但因為在移動端是沒有鼠標的，代替的是觸摸屏，用戶也不是有“鼠標指針浮動在其上的元素”的情況，有也很少。 所以取代的應該:active這個選擇器，但是通過實踐，發現情況不是很理想，在QQ瀏覽器上有時觸發，有沒不觸發，在我mx3帶自瀏覽器上根本沒效果。 

最近在看美團h5的頁面時發現他們做對這個效果做得很好（這里說實話，美團網在h5這一塊做得真好），看了他們代碼之后，發現他們也是用:active來實現這個效果，但他們多了一行js代碼， 


復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 苍山县| 永德县| 堆龙德庆县| 凤城市| 临高县| 宜昌市| 武汉市| 锦州市| 北辰区| 梨树县| 浮山县| 枣庄市| 塔城市| 手机| 富蕴县| 淄博市| 宜君县| 邯郸市| 常州市| 徐州市| 怀集县| 多伦县| 登封市| 长武县| 温泉县| 嘉兴市| 永修县| 江山市| 东方市| 长治县| 承德市| 望都县| 大荔县| 苏尼特左旗| 盖州市| 侯马市| 华蓥市| 昭通市| 庄浪县| 桐城市| 高陵县|