Javascript 向smoothscroll添加上边距
我使用以下脚本在单页站点上启用平滑滚动。Javascript 向smoothscroll添加上边距,javascript,css,Javascript,Css,我使用以下脚本在单页站点上启用平滑滚动。对于导航,我使用位于页面顶部最上面的z索引层上的固定导航栏。栏的高度是108px,所以当我使用smoothscroller时,我想导航到的部分会被导航栏隐藏。我糟糕的JS技能让我别无选择,只能咨询你们中的一些人。。。如何将108px的上边距添加到此脚本?有人吗 $(".scroll").click(function(event){ event.preventDefault(); //calculate destination p
对于导航,我使用位于页面顶部最上面的z索引层上的固定导航栏。栏的高度是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');
});
dest
是要滚动的var
所以你所要做的就是在之前从中去掉一些值
$('html,body')。动画({scrollTop:dest},1000,'swing')代码>
或者在这一行的执行范围内
dest-108谢谢你,快速易懂的回答