scrollTop有时只能工作

时间:2018-03-12 21:53:14

标签: jquery scrolltop

我正在使用'scrollTop'自动滚动到div'#gallery-view'的顶部。

偏移量输出正确的测量值,但在加载时,“scrollTop”仅在5次正确滚动到该点。如果我调整大小,它会正确触发它并且工作正常。它似乎与“负载”有关。

奇怪的是,删除'scrollTop'下面的'隐形'类是有效的,所以运行代码。

我看不出以下代码有什么问题,所以我想我会问你们所有人。

jQuery.noConflict();

jQuery(window).on('load', function() {

    var viewportHeight;

    function winResize() {

        viewportHeight = jQuery(window).height();   

        if ( jQuery('#gallery-view').length ) {

            // GALLERY IMAGE /////////////////////////////////////////////////////////////////////////////////////////////

            var detailsHeight = jQuery('.details').outerHeight(true);
            var calc = (viewportHeight - detailsHeight) - (40 * 2);

            if ( calc >= 1000 ) {
                jQuery('.gallery-image-container img').css('max-height', '1000');
            } else if ( calc <= 400 ) {
                jQuery('.gallery-image-container img').css('max-height', '300');
            } else {
                jQuery('.gallery-image-container img').css('max-height', calc);
            }

            jQuery(window).scrollTop(jQuery('#gallery-view').offset().top);
            jQuery('body').removeClass('invisible');

        }

    }
    jQuery(window).resize(winResize); 
    winResize();

});

0 个答案:

没有答案