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

看板Web_Design作者 (阿轉)時間8年前 (2016/10/20 23:10), 8年前編輯推噓3(305)
留言8則, 4人參與, 最新討論串1/1
不好意思 最近開始學習寫手機瀏覽的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

10/20 23:54, , 1F
手機上有點難用hover吧?使用者通常都是直接點選
10/20 23:54, 1F
是的 所以才想請問在手機上差不多的東西是什麼QQ

10/20 23:54, , 2F
scrollspy?
10/20 23:54, 2F
對,很相像,但是我現在沒有套用bootstapeQQ 不過感覺我可以去看看他的js是怎麼寫來偵測改一下@@

10/20 23:54, , 3F
可以google css hover on mobile/phone
10/20 23:54, 3F
瞭解,我會使用這個關鍵字再多看看學習:)

10/21 00:24, , 4F
偷懶的方式是 :focus 可以滿足大部分的情況
10/21 00:24, 4F
試了之後我的需求沒辦法QQ 沒有反應

10/21 16:57, , 5F
手機用hover很複雜的,可以用google查mouse event mobil
10/21 16:57, 5F

10/21 16:57, , 6F
e。
10/21 16:57, 6F

10/21 16:57, , 7F
做出來的體驗效果跟想像中的體驗差滿多的。
10/21 16:57, 7F

10/21 16:58, , 8F
畢竟滑鼠與touch的交互邏輯不同。
10/21 16:58, 8F
瞭解 我會使用這個關鍵字再多學習 ※ 編輯: defsrisars (223.141.82.244), 10/22/2016 01:25:46
文章代碼(AID): #1O2DvSuS (Web_Design)
文章代碼(AID): #1O2DvSuS (Web_Design)