锚定位浏览器

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中。