javascript - jQuery matchHeight maintainScroll 不工作

Question

我一直在使用 jQuery matchHeight对于我网站上的一些元素。如果需要，我可以触发更新:

$.fn.matchHeight._update();

我的问题是我松了滚动位置。 $.fn.matchHeight._maintainScroll = true; 我已将其设置在调用 matchHeight 的函数顶部。并连接到我的 Slider onChange 函数中，我得到了一个更新，就像这样；

$('#reviews-slider').owlCarousel({
        loop: true,
        margin: 0,
        nav: false,
        lazyLoad : true,
        items: 1,
        dots: true,
        autoHeight:true,
        itemElement: 'blockquote',
        dotsSpeed: 400,
        autoplay: false,
        onChanged : function () {
            $.fn.matchHeight._update();
        }
    });

有谁知道我做错了什么以及为什么我的维护卷轴似乎不起作用。可以和_update一起调用吗？我确实尝试将它放在更改功能中，但这仍然没有用。

我希望使用维护滚动的原因是当我触发更新时，内容可能会相当长并导致页面位置跳跃。在 git 页面的底部有一个注释，但是我似乎无法让它工作。

Answer 1

ajax 调用后出现同样的问题，我的页面跳了起来。 似乎考虑了选项 _maintainScrollPosition 但 $(window).scrollTop() 由于 bug 在 webkit 浏览器中始终为 0或“特色错误”。

导致这个问题的库代码:

// take note of scroll position
var scrollTop = $(window).scrollTop(), // seems to be 0 most of the time 

// ***

// restore scroll position if enabled
if (matchHeight._maintainScroll) {
    $(window).scrollTop((scrollTop / htmlHeight) * $('html').outerHeight(true));
}

我们都知道乘以 0 是什么样子。

解决方案

不幸的是，这是一个巨大的 CSS 更改，您需要从 html 和 body 标记中删除 height: 100%。 例如，当您处理溢出容器时，主体上的 overflow: hidden 也会失败。