jquery scrollTop offset问题

时间:2013-08-07 15:33:31

标签: jquery html css scrollto

我正在尝试构建一个锚点链接,允许面板2向上滑动以覆盖面板1,但保留黑色标题:

http://jsfiddle.net/xMpu4/19/

我用:

设置偏移量
'scrollTop': $target.offset().top - 140

它以毫秒为单位然后跳转到页面顶部。

如何设置它以使其停在正确的位置?

1 个答案:

答案 0 :(得分:3)

它的工作原理与你所写的完全相同:

$('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;