Question

我在将标题中的链接滚动到标记时遇到问题。因为它是一个固定的标题，所以它滚过该区域，内容位于标题后面。如何将其修复到标题底部的位置？我也在使用box-sizing: border-box;，如果它与它有任何关系。谢谢你的帮助。

这是jquery：

$(".scrolltotag").click(function(event){        
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 600);
});

导航中的所有链接都有scrolltotag和href="#tag"

类

Answer 1

我能够通过在- $('header').outerHeight()之后添加$('html,body').animate({scrollTop:$(this.hash).offset().top来修复它！

Answer 2

//获取标题的高度

var headerHeight = $（“。header”）。height（）;

//附加点击事件

$（'a [href * =＃]'）。bind（“click”，function（e）{e.preventDefault（）;

var target = $（this）.attr（“href”）; var scrollToPosition = $（target）.offset（）。top - headerHeight;

$（'html'）。animate（{'scrollTop'：scrollToPosition}，600，function（）{ window.location.hash =“”+ target;

$（'html'）。animate（{'scrollTop'：scrollToPosition}，0）; }）; }）;

修复标题滚动到标记问题

2 个答案: