當我們將動態效果(例如：.animate)使用於.hover時，由於.hover的特性是會將＂每次＂滑鼠移動到而觸發的事件做完。所以若將滑鼠反覆快速移動而去觸發事件時，就會形成滑鼠停下後，但動態效果仍在持續作用的狀況。

因此為了避免這種狀況，我們可以搭配使用.stop()來停止前一次.animate()的效果。

$(this).stop().animate();

範例：
 http://jsfiddle.net/u8ejtoz9/29/

 


     

 

在 CartOp.js 中, $('body, html').animate 的 Complete function 跑了兩次。

查了一下，發現 $('body, html') 會找到兩個物件，所以會跑兩次 complete function。

所以把所有的 $('body, html') 都改成 $('html body')

在 IE9 之中，

 $('body').animate({

            scrollTop: top

        }, 700}

 不work，要改用 

 $('body, html').animate({

            scrollTop: top

        }, 700}

其它的版本沒有測試過，但 Google 顯示這個是 IE7, IE9 的問題.