停止自動滾動的jQuery褪色

Question

我有這樣的褪色滑塊：

https://eventpay.co.il/test.html

股利「header_photo」的背景圖片，每7秒變換到其他圖像。 問題是，當您向下滾動閱讀文本時，頁面會自動滾動到滑塊。 我想停止這個。 我嘗試了一些想法，它不起作用。

謝謝！

Answer 1

使用fadeTo代替，因此div不會消失並重新出現，導致您描述的滾動行爲。

$('#header_photo').fadeTo(900,0.1,function() { 
    $('#header_photo').css({ 
     'background-image' : "url('" + backgrounds[currentBackground] + "')" 
    }); 
    $('#header_photo').fadeTo(900, 1.0); 
}); 

演示：http://jsbin.com/dufadi/1/