Question

我的网站有1页。

页面宽度为17289px。

它分为每页宽度为1920px的分隔页。所以只有水平滚动在第8页，我有一个图像。我只有在用户滚动到此页面时才能使图像反弹一次。如果用户离开此页面，它将停止弹跳。

现在这是我的代码：

$(window).scroll(function (event) { 
    if($(window).scrollLeft() > 1920*6 && $(window).scrollLeft() < 1920*7) {
        $("#astronaut").effect("bounce", { distance:400 }, 1600);
    }
});

现在发生的事情是，当用户滚动到页面时，图像会一直反弹并且不会一直停止。

有人可以帮忙吗？

谢谢。

Answer 1

你可以让它反弹n次吗？只需在跳出效果中添加times属性即可定义元素反弹的次数。将其设置为您喜欢的整数。我在这个例子中将它设置为10次：

$(window).scroll(function (event) { 
    if($(window).scrollLeft() > 1920*6 && $(window).scrollLeft() < 1920*7) {
        $("#astronaut").effect("bounce", { distance:400, times:10 }, 1600);
    }
});

一旦元素反弹n次，它就会停止。

如何让Jquery对象在滚动时开始反弹？

1 个答案: