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

作者: defsrisars (阿轉)   2016-10-20 23:10:17
不好意思
最近開始學習寫手機瀏覽的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也不知道關鍵字
所以只好上來發問
謝謝大家
作者: zeSil (Ryhpezlis)   2016-10-20 23:54:00
手機上有點難用hover吧?使用者通常都是直接點選
作者: c910335 (達人)   2016-10-20 23:54:00
scrollspy?
作者: ymcheung (ymc)   2016-10-21 00:24:00
偷懶的方式是 :focus 可以滿足大部分的情況
作者: menshuei (紅茶)   2016-10-21 16:57:00
手機用hover很複雜的,可以用google查mouse event mobile。做出來的體驗效果跟想像中的體驗差滿多的。畢竟滑鼠與touch的交互邏輯不同。

Links booklink

Contact Us: admin [ a t ] ucptt.com