如何在html锚点上偏移滚动?

时间:2013-09-20 18:01:30

标签: html anchor

我采用了1页视差滚动模板,但我添加了更多页面,因此不再只是1页网站了。

我想到了如何在单独的页面上跳转到主页上的html锚点。但现在我有一个我无法弄清楚的偏移问题。

页面为https://zoopyo.com - 只需点击定价或功能,您就会看到标题被截断。滚动只需要大约90px。哪个是粘性标题的大小。如果没有粘性标题那就没关系。所以我只需要弄清楚如何将它从锚点偏移90px。如果可能的话?

1 个答案:

答案 0 :(得分:0)

我似乎无法加载网站,但据我所知,导航栏覆盖了一些内容。

我的建议是在页面顶部创建一个空的/虚拟div,其高度与导航栏相同,然后设置为虚拟div,同时保持第一个真实div的标签。

类似的东西:

 <li><a href="#dummy">top</a></li>

其中dummy为空并设置为导航栏的高度

看到我做的这个jsfiddle,导航栏没有涵盖“hello world”

http://jsfiddle.net/49AtS/1/