Question

如何在页面导航中使用辅助锚点时偏移顶部导航的高度？

我用过：带填充的目标。它可以工作但滚动时你会看到元素之间的额外填充。

我尝试了js，但我认为window.scrollBy发生在锚点滚动之前/期间。如果我连续多次点击，它最终会得到所需的结果......

如何在锚定动作后延迟scrollBy？ http://codepen.io/jeffreyb42/pen/xqRRMY

$(function(){
  $('.side-nav').on('click', function(){
    window.scrollBy(0, -70);
    console.log("should have scrolled...")
  });
});

Answer 1

更改你的jQuery代码：

$(function(){
 $('.side-nav li a').on('click', function(e){
 e.preventDefault();     
 var scrollTo=$($(this).attr('href'));    
  $('html,body').animate({
    scrollTop: scrollTo.offset().top - $('.header').height()},
    'slow');
  });

}）;

<强> Demo

在页面锚点滚动和偏移标题

1 个答案: