javascript - 是否可以让 $(window) 粘在一个特定的元素上而不移动？

Question

我正在使用 jQuery 开发一个相当完整的网站(如果解决方案不使用 jQuery，那也很好)。

该网站是使用根据窗口高度调整大小的部分构建的:

    $(window).resize(function() {
    $("section").height($(window).height())
    }).resize()

这部分工作出色。我通过去除 body 和 html 元素的溢出来禁用滚动，用户可以使用相关链接(使用 localScroll)浏览网站。

我的问题是，一旦用户移动到某个部分并然后调整窗口大小，正文就不再与该部分的顶部对齐。

有没有办法让窗口无论如何都粘在元素的顶部？

Answer 1

注意哪个部分是最新的。当窗口调整大小时，您可以将窗口的滚动顶部设置为该部分的顶部。例如:

var currentSection = $('section:eq(0)');
var jqWindow = $(window).resize(function() {
    $('section').height(jqWindow.height());
    jqWindow.scrollTop(currentSection.offset().top);
});