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

时间:2017-02-21 11:47:35

标签: javascript jquery html css 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');
            }
        });
    });
});

这项工作非常好,但是当我打开页面时,如果窗口很高,则照片不会显示,并且让空间非常难看。它(我认为)是因为add类仅适用于窗口滚动。

我该如何解决这个问题?当图片显示在窗口位置而不仅仅是滚动时,我需要吗?

谢谢!

0 个答案:

没有答案