jquery – 如何导航到锚标记上方？

$('a[href="#how_it_works"]').on('click',function(E){
  // prevent normal scrolling action
  e.preventDefault();
  // grab the target url from the anchor's ``href``
  var target = $(this.hash);
  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
     if (target.length) {
           window.scrollTo(0,target.offset().top - 50); // <-- our offset in px adjust as necessary
      return false;
  }
});

这是codepen.

这使用了Chris Coyier的smooth scroll script的修改版本.我从滚动中取出了“平滑度”,但您可以通过动画滚动顶部将其添加回来,如下所示：

if (target.length) {
     $('html,body').animate({
         scrollTop: target.offset().top + 20
    },1000);
    return false;
   }