Question

我目前使用此函数在使用Bootstrap的同一页面中将平滑（https://github.com/flesler/jquery.scrollTo）滚动到目标哈希。

$('.navbar .destScroll').bind('click', 'ul li a', function(event) {
    $.scrollTo(event.target.hash, 500);
    event.preventDefault();
});

由于页面顶部有一个固定的80px菜单，我希望滚动停止在目标哈希值上方80px。

请帮忙。

Answer 1

您可以尝试使用我的scrollTo代码，这很棒 - https://gist.github.com/yairEO/7030050

你可以像这样使用它：

// there are 3 parameters: 
// jumpIn -  in which container to scroll (default body/html)
// quick - jump with timed animation or not (default with)
// offset - destination offset from target
$('#there').scrollToPos(null, null, -200);

在上面的示例中，窗口将滚动到#there元素的位置，顶部偏移量为-200

<小时/> 将一个点击直接绑定到另一个地方的另一种方法是使用具有data-scrollTo属性的链接，该属性是要跳转到的元素的选择器：

<a data-scrollTo='#there'>go there</a>

在目标元素上方的固定像素处停止jquery滚动

1 个答案: