国产探花免费观看_亚洲丰满少妇自慰呻吟_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代碼， 


復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 曲周县| 大洼县| 卢龙县| 那曲县| 鹿泉市| 安多县| 保山市| 铁岭县| 永嘉县| 宜黄县| 荆门市| 什邡市| 江陵县| 金门县| 宣城市| 原阳县| 河南省| 穆棱市| 紫阳县| 新绛县| 韶关市| 富平县| 鹤岗市| 会昌县| 勐海县| 班玛县| 盈江县| 荣成市| 南乐县| 财经| 且末县| 时尚| 明水县| 镇康县| 昌平区| 宣城市| 威海市| 常熟市| 永济市| 清涧县| 舞钢市|