为smoothscroll添加上边距

时间:2014-07-02 13:52:26

标签: javascript css

我正在使用以下脚本在单页网站上启用平滑滚动。
对于导航,我使用位于最上面的z-index图层页面顶部的固定导航栏。酒吧的高度是108px,所以当我使用smoothscroller时,我想要导航的部分部分被导航栏隐藏。

我糟糕的JS技能让我别无选择咨询你们中的一些人...我如何在这个脚本中添加108px的上边距?任何人吗?

    $(".scroll").click(function(event){
     event.preventDefault();
     //calculate destination place
     var dest=0;
     if($(this.hash).offset().top > $(document).height()-$(window).height()){
          dest=$(document).height()-$(window).height();
     }else{
          dest=$(this.hash).offset().top;
     }
     //go to destination
     $('html,body').animate({scrollTop:dest}, 1000,'swing');
 });

1 个答案:

答案 0 :(得分:1)

dest是您要滚动的var

所以你需要做的就是在

之前从中取出一些值

$('html,body').animate({scrollTop:dest}, 1000,'swing');

或在此行的执行中。

dest - 108