锚定位浏览器

Question

我使用以下html将锚定位在固定菜单下：

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

这在Firefox中运行良好，但是，chrome和safari都会将锚点加载到稍微不同的位置，遮住固定菜单下的文本。

有没有人对如何解决这个问题有任何想法。

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

非常感谢，

马特

Answer 1

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

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

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

我还注意到你使用jQuery来实现幻灯片效果，我不知道你为什么要使用样式作为名称。只需执行以下操作：

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

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