作者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/cn.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