html - 锚定位浏览器

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 来实现幻灯片效果，我不确定您为什么要使用 a 名称的样式。只需执行以下操作：

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

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