jQuery获取窗口位置+滚动-但如果不滚动则不显示

Question

嗨，几张照片显示在滚动条上。 我使用以下代码：

$(document).ready(function() {
    $(window).scroll( function(){
        $('.fade').each( function(i){
            var bottom_of_object = $(this).position().top + ( $(this).outerHeight() / 2 );
            var bottom_of_window = $(window).scrollTop() + $(window).height();
            if( bottom_of_window > bottom_of_object ){
                $(this).addClass('showme');
            }
            if( bottom_of_window < bottom_of_object ){
                $(this).removeClass('showme');
            }
        });
    });
});

这项工作效果很好，但是如果我打开页面（如果窗户太高），则照片不会显示出来，并且空间太难看了。 （我认为）是因为add类仅在窗口滚动上起作用。

我怎么解决这个问题？ 当图片在Windows位置而不只是在滚动显示时，我需要吗？

谢谢！

Answer 1

将scroll触发附加到代码：

$(document).ready(function() {
    $(window).scroll( function(){
        $('.fade').each( function(i){
            var bottom_of_object = $(this).position().top + ( $(this).outerHeight() / 2 );
            var bottom_of_window = $(window).scrollTop() + $(window).height();
            if( bottom_of_window > bottom_of_object ){
                $(this).addClass('showme');
            }
            if( bottom_of_window < bottom_of_object ){
                $(this).removeClass('showme');
            }
        });
    });

    $(window).scroll();
});

$(window).scroll()在window - docs上触发scroll事件。