scrollTop有时只能工作

Question

我正在使用'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();

});