我正在使用以下脚本在一页网站上实现平滑滚动。对于导航,我使用了固定的导航栏,该导航栏位于页面最上方的z-index层上。栏的最高高度为108像素,因此当我使用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');
 });

最佳答案

dest是您要滚动的变量

因此,您要做的就是从中获取一些价值

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

或在此行的执行范围内。

目标-108

关于javascript - 为平滑滚动添加上边距,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24532972/

10-12 06:56