0

基本上,我有一个带有:active文字的 CSS 按钮,但是每次我点击手机上的按钮时,在切换到活动阶段之前都会有一段延迟。

CSS:

.btn {...} .btn:active{...}

然后我尝试使用"touchstart"and"touchend"添加和删除我的活动类,但是在 normal -> touchstart 和 touchstart -> touchend 之间仍然存在延迟。

查询:

$(".btn").on("touchstart", function(){
    $(this).addClass("touched");
}).on("touchend",function(){
    $(this).removeClass("touched");
})

如何消除我的延迟?

4

1 回答 1

0

原来我没有提供足够的信息。

问题似乎是 Chrome 的错误,box-shadow。我删除了所有 box-shadow 属性,它就像一个魅力。

我希望这个答案可以留在这里给其他有同样问题的人。此外,如果您有元标记声明宽度 = 较新 Chrome 的设备宽度,则不需要 fastclick。

于 2014-12-29T07:28:26.157 回答