链接到错误位置的单页网站上的导航

Question

http://joshhornby.co.uk/skinnybeer/index.html

正如您所看到的，当您单击“The Booze”时，向下滚动到容器中的第一个项目而不是div所在的区域。

nav html是

<li><a href="#booze">The Booze</a></li>

并链接到名为booze的div id。

<div id="booze">

它似乎是链接到图像或容器，我不知道如何使其滚动到标题而不是图像。

Answer 1

它链接到＃booze，你只需要一个position: fixed元素来覆盖它。