jQuery淡出后停止自动滚动

Question

我有这个淡入淡出滑块：

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

div的背景图片＆＃34; header_photo＆＃34;每隔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/