使用.load和.scroll获得相同的功能

时间:2014-01-22 23:51:28

标签: jquery load onscroll

我有一个我想在加载时运行的函数,也可以在滚动时运行。

$(window).scroll(function() {
    $('.cre-animate').each(function(index, value){ STUFF HERE});
});

当元素位于视口内的点时,我会运行滚动功能。 问题是,当页面加载时,如果一个元素已经超过它在视口中的触发点,它将在我滚动之前不会运行。除非页面很短并且没有滚动,否则不是一个大问题。

我尝试添加:

$('html, body').animate({scrollTop: 1});

只有在页面足够长才能有滚动条时才有效。

有什么建议吗?

2 个答案:

答案 0 :(得分:0)

只需使用.trigger(...)触发一次功能:

$(window).scroll(function() {
    $('.cre-animate').each(function(index, value){ STUFF HERE});
}).trigger('scroll');

jQuery.trigger

答案 1 :(得分:0)

所以我最终使用了我遇到的这个选项:

$(window).bind('scroll load', function()

感谢您的投入。 约翰