css - 请问在移动端解决li:active滑动的时候不改变背景色
PHPz
PHPz 2017-04-17 14:35:31
0
3
1170

现在有一个列表页。是有li 组成的。如下

<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>

在手机上点击的时候希望有些反馈。所以就加了下面的css

li:active{
    background-color:#ddd;
}

但是在移动端滑动的时候,手指触摸到这些li节点上的时候也会变色。请问怎么处理可以只是点击的时候触发背景色改变。而在滑动的时候不触发背景色改变呢?

PHPz
PHPz

学习是最好的投资!

全員に返信(3)
PHPzhong

最良の方法は、js を使用することです。遅延機能を使用して、背景色を追加する class

を自動的に削除します リーリー リーリー
いいねを押す +0
Ty80

モバイルのスライディング イベントは touchmove なので、大騒ぎしてもいいかもしれません。解決策の 1 つは、:active を削除し、JS イベント コントロールに変更することです

リーリー
いいねを押す +0
洪涛

これは事実のようですか?

リーリー

このコードは携帯電話の応答としてはテストされていませんが、CSS を使用する場合は次のように記述するか、js を直接使用することもできます。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート