一 移动端交互事件效果

按钮点击效果设置

:active{ 设置按钮点击时的效果 }

pc端的hover不适合用在这里(因为hover是相对鼠标而言的,与手势操作不一样)

但iPhone上需要添加 document.addEventListenner("touchstart", function(){}, false);

或者 在body上添加 ontouchstart="" 属性

因为 Safari默认禁用了元素的active样式,通过上述声明重新激活。

二 移动端浏览器兼容

1. 底部上滑出现白块

说明页面里只设置了 最外层div的背景色为某个值,没有设置 body的。

解决: 设置 body元素的背景色为需要的背景色,上滑后的颜色就不是空白了。

results matching ""

    No results matching ""