javascript - jQuery 淡出后停止自动滚动

Question

我有这个淡入淡出 slider :

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

div“header_photo”的背景图像每 7 秒更改为其他图像。 问题是当您向下滚动阅读文本时，页面会自动向上滚动到 slider 。 我想阻止这一切。 我尝试了一些想法，但没有用。

谢谢!

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/