Jquery 滚动到锚点 -60px

Question

我有这个 JQuery 功能，我希望它滚动到位置 - 60px，因为我有一个与内容重叠的固定导航栏。如何将这个 60px 添加到此代码？

/**
 * Scroll to section
 * @param  string des HTML identity of section block
 * @return void
 */
function goToSectionID(des){
    var os = (history.pushState)?51:0;
    os = (jQuery(window).width()>800)?os:0;

    var pos = (jQuery(des).length>0 )?jQuery(des).offset().top-os:0;
    onanimate = true;
    jQuery('html,body').animate({scrollTop:pos},1000,function(){
        if(history.pushState){
            history.pushState(null,null,des);
        }else   window.location.hash = des;
        jQuery(window).scrollTop(pos);
        onanimate=false
    });
}

Answer 1

那个函数是太复杂了，还是太简单了，要看情况，但是我们还没有看到你的代码。

最简单的方法：

$(".arrowimg").click(function () {
  $('html, body').animate({
    scrollTop: $('#in').offset().top += 500
   },500);
  });

第一行显然是，eventListener 和处理程序。第二行，出于跨浏览器的原因，目标 html 和正文。使用动画方法。 ScrollTop，然后在 HTML

中带有 ID 锚点的目标

<div class="arrowimg" id="in"></div>

那么我不知道你是想向上还是向下移动 60 像素，因为我们没有你的代码，但这是 + 或 - 的问题。

这是link

http://codepen.io/damianocel/pen/zBLEXR

Jquery 滚动到锚点 -60px

Jquery Scroll to Anchor -60px

html

javascript

css

jquery

nav