html - anchor 定位浏览器

Question

我正在使用以下 html 在固定菜单下定位 anchor :

<a style="position: relative; top: -150px;" name="services"></a>

这在 Firefox 中运行良好，但 ie，chrome 和 safari 都将 anchor 加载到略有不同的位置，从而遮盖了固定菜单“下方”的文本。

有没有人知道我该如何解决这个问题。

wip 站点是 http://mattangel.com.au

非常感谢，

马特

Answer 1

当我制作这样的网站时，我想确保每个“页面”都有相似的类，但 ID 不同。在设置类样式时，请确保提供以下属性。

.page {
    overflow: hidden;
    margin-bottom: 1000px;
}

添加 margin-bottom 将阻止您看到额外的页面。

我还注意到您正在使用 jQuery 来实现幻灯片效果，我不确定您为什么要使用 a 名称的样式。只需执行以下操作:

<h1 class="page_title" id="services"><a name="services">Services</a></h1>

并确保将所有内容包装在页面 DIV 中。