2016-10-19 217 views
1

我有这个jQuery函数,我希望它滚动到possition -60px,因为我有一个固定的导航栏,它与内容重叠。我如何添加这60px到这个代码?jquery滚动到锚点-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 
    }); 
} 
+0

'的jQuery(窗口).scrollTop(POS - 60);'? –

回答

0

该函数过于复杂或过于简单,取决于,但我们还没有看到您的代码。

最简单的方法:

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

第一行是很明显,事件监听和处理程序。第二行,针对HTML和正文,为跨浏览器的原因。使用动画方法。 scrollTop的,然后用ID锚目标在这里的HTML

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

然后,我不知道,如果你想要去的60 PX进一步向上或向下,因为我们还没有收到你的代码,但它的一个+或 - 的问题。

这里的链接

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