我正在尝试构建一个锚链接,它允许面板2向上滑动到覆盖面板1,但保留可见的黑色标题:
http://jsfiddle.net/xMpu4/19/
我用设置偏移
'scrollTop': $target.offset().top - 140
它这样做一毫秒,然后跳到页面顶部。
我如何设置它,使它停在正确的位置?
它的工作原理与您所写的完全一样:
$('html, body').stop().animate({
'scrollTop': $target.offset().top - 140
}, 600, 'swing', function () {
window.location.hash = target;
});
第一部分为滚动设置动画,完成后,您会告诉窗口跳转到特定的哈希。
请注意,当您的点击功能只有以下内容时会发生什么:
window.location.hash = target;
删除回调函数,它将防止您的页面跳转到哈希。
在一个无关的问题上,我建议您不要在动画函数中使用硬编码值。试试这个:
'scrollTop': $target.offset().top - $("#a").offset().top;