我正在尝试建立一个锚链接,它允许面板 2 向上滑动以覆盖面板 1,但使黑色标题可见:
我正在设置偏移量:
'scrollTop': $target.offset().top - 140
它会执行此操作一毫秒,然后跳转到页面顶部。
如何设置它以使其停在正确的位置?
我正在尝试建立一个锚链接,它允许面板 2 向上滑动以覆盖面板 1,但使黑色标题可见:
我正在设置偏移量:
'scrollTop': $target.offset().top - 140
它会执行此操作一毫秒,然后跳转到页面顶部。
如何设置它以使其停在正确的位置?
它完全按照你写的那样工作:
$('html, body').stop().animate({
'scrollTop': $target.offset().top - 140
}, 600, 'swing', function () {
window.location.hash = target;
});
第一部分动画滚动,完成后,您告诉窗口跳转到特定的散列。
请注意当您的 click 函数只有以下内容时会发生什么:
window.location.hash = target;
删除回调函数,它将阻止您的页面跳转到哈希。
在不相关的说明中,我建议您不要在动画函数中使用硬编码值。试试这个:
'scrollTop': $target.offset().top - $("#a").offset().top;