Question

因此，我的网站包含两部分导航，两个点都是放置在主站点上的锚点。我添加了在该网站上有其他链接导致子网站。现在我很难在子站点上获得相同的导航点，以便在返回到最初放置它们的主站点时加载锚点。尝试了在互联网上找到的几种方法，但似乎都没有。

我还添加了一个平滑滚动，在互联网上找到了一些jquery，也尝试删除了防止默认行。

这是我的网站http://stefangloeggl.com，可以通过点击其中一张图片来访问子网站。

我的标记看起来像这样。

<a href="index.php#work">Work</a>
<a href="index.php#about">About</a>

<div name="work" id="work">
Work
</div>

<div name="about" id="about">
Biography
</div>

真的很感激这方面的一些帮助。

Answer 1

页面上有相当奇怪的结构。您的页面标记似乎具有100％的身高/宽度，并且您的锚点在另一个内部。最佳解决方案是从头开始制作干净的标记。

快速但又脏的解决方案是添加window.location.hash检查文档就绪，然后激活平滑滚动。

像这样：

$(document).ready(function(){
if (window.location.hash.length>1) {
  $('html, body').animate({
        scrollTop: $(window.location.hash).offset().top
  });
}
});

Anchor不会在新页面上加载

1 个答案: