作者defsrisars (阿轉)
看板Web_Design
標題[問題] 關於手機瀏覽css的問題
時間Thu Oct 20 23:10:17 2016
不好意思
最近開始學習寫手機瀏覽的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://webptt.com/m.aspx?n=bbs/Web_Design/M.1476976220.A.E1C.html
※ 編輯: defsrisars (223.141.82.244), 10/20/2016 23:11:34
1F：推 zeSil: 手機上有點難用hover吧?使用者通常都是直接點選10/20 23:54
是的 所以才想請問在手機上差不多的東西是什麼QQ
2F：→ c910335: scrollspy？10/20 23:54
對，很相像，但是我現在沒有套用bootstapeQQ
不過感覺我可以去看看他的js是怎麼寫來偵測改一下@@
3F：→ zeSil: 可以google css hover on mobile/phone10/20 23:54
瞭解，我會使用這個關鍵字再多看看學習：）
4F：推 ymcheung: 偷懶的方式是 :focus 可以滿足大部分的情況10/21 00:24
試了之後我的需求沒辦法QQ 沒有反應
5F：推 menshuei: 手機用hover很複雜的，可以用google查mouse event mobil10/21 16:57
6F：→ menshuei: e。10/21 16:57
7F：→ menshuei: 做出來的體驗效果跟想像中的體驗差滿多的。10/21 16:57
8F：→ menshuei: 畢竟滑鼠與touch的交互邏輯不同。10/21 16:58
瞭解 我會使用這個關鍵字再多學習
※ 編輯: defsrisars (223.141.82.244), 10/22/2016 01:25:46