jquery - スクロール時にWebアプリでホバー状態が発生する

Question

ここでWebアプリを作成します。私が直面している最大の問題は、コンテンツをスクロールするたびに、すべてのホバー/アクティブ/フォーカス状態が発生し、かなり煩わしいものになることです。

ネイティブアプリケーションでは、iPhoneまたはAndroidアプリはスクロールとタップの違いを認識しています。jQueryまたはCSSでこれを実現する方法はありますか？

Answer 1

私の最初の本能は、mouseenter、mouseleave イベントを追加することです。

$("div").mouseover(function () {
    setTimeout($.proxy(function () {
        $(this).css("background-color", "blue");
    }, this), 500)
}).mouseout(function () {
    $('div').css("background-color", "");
});

上記のコードは、div の背景色を切り替えてから、要素間の背景色をすべてクリアします。そうは言っても、要件や使用している要素によっては、車輪を再発明せずに次のものを使用する方がよいでしょう。

hoverIntent jQuery プラグイン
http://cherne.net/brian/resources/jquery.hoverIntent.html

それが役立つことを願っています!