jquery - 高度为 100% 的 ScrollTop 元素

Question

我有一个问题伙计们，我有一个单页网站，高度为 100% 的元素(所以它适合折叠)，我有大约 4 个这样的部分堆叠在一起。有一个带有链接到相关部分的 anchor 的导航。我希望这些平滑滚动，但出于某种原因，无论元素如何，offset().top 都返回 0 ...有没有办法平滑滚动这些？我尝试了 3 个不同的库，结果都一样。附带说明一下，优化仍然需要配合。

现场版:http://jackaroocaravans.com.au/new/

Answer 1

以下代码在您的页面上对我来说效果很好(例如，用于滚动到内部部分)

jQuery('html, body').animate({
    scrollTop: jQuery("#interior").offset().top
}, 1000);

绑定(bind) anchor 标签点击事件:

jQuery('a[href^="#"]').click(function (e) {
    e.preventDefault();
    jQuery('html, body').animate({
        scrollTop: jQuery(jQuery(this).attr('href')).offset().top
    }, 1000);
    return false;
});