[問題] 關於手機瀏覽css的問題

[defsrisars (阿轉)]

不好意思
最近開始學習寫手機瀏覽的rwd
本來的版型大概是

Header
 A     B
Footer

就是AB左右各佔一塊

改成RWD後變成流線型的
Header
     A
     B
Footer

版型已經沒有問題了
但是現在想寫當使用者滑到A時
會觸發某個特效 好比說改變A的backgound color
滑到B 同理改變B的
往下滑到CDE同理改變CDE的 其他區塊變回原本的顏色

這個我比較常看到的是當使用電腦瀏覽時
滑到哪個板塊 header的nav就會改變到該個active

請問在手機的話應該要怎麼寫呢？
原本一般版型我是直接用hover
但是hover在手機變得很不ok

想google也不知道關鍵字
所以只好上來發問

謝謝大家

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.141.82.244
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1476976220.A.E1C.html
※ 編輯: defsrisars (223.141.82.244), 10/20/2016 23:11:34
推 zeSil: 手機上有點難用hover吧?使用者通常都是直接點選
是的 所以才想請問在手機上差不多的東西是什麼QQ
→ c910335: scrollspy？
對，很相像，但是我現在沒有套用bootstapeQQ
不過感覺我可以去看看他的js是怎麼寫來偵測改一下@@
→ zeSil: 可以google css hover on mobile/phone
瞭解，我會使用這個關鍵字再多看看學習：）
推 ymcheung: 偷懶的方式是 :focus 可以滿足大部分的情況
試了之後我的需求沒辦法QQ 沒有反應
推 menshuei: 手機用hover很複雜的，可以用google查mouse event mobil
→ menshuei: e。
→ menshuei: 做出來的體驗效果跟想像中的體驗差滿多的。
→ menshuei: 畢竟滑鼠與touch的交互邏輯不同。
瞭解 我會使用這個關鍵字再多學習
※ 編輯: defsrisars (223.141.82.244), 10/22/2016 01:25:46