我正在使用以下脚本在单页网站上启用平滑滚动。
对于导航,我使用位于最上面的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');
});
答案 0 :(得分:1)
dest
是您要滚动的var
所以你需要做的就是在
之前从中取出一些值 $('html,body').animate({scrollTop:dest}, 1000,'swing');
或在此行的执行中。
dest - 108