我正在使用以下脚本在一页网站上实现平滑滚动。对于导航,我使用了固定的导航栏,该导航栏位于页面最上方的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/