内容隐藏 - 单页网站

的问题是，该菜单是用元素“ID”的链接，而现在当有人点击了解我们，所谓的主标题欢迎来到Denimist ...隐藏在导航背景中。

是否可能我们以某种方式从我们喜欢的角度开始该部分，因为所有链接都有同样的问题。

感谢

2017-02-26 Daiyan

是的，你目前对这些链接使用平滑滚动脚本。而不是滚动页面上的锚点，抓住标题高度，并从锚点的顶部位置减去它，然后滚动那里。如果您需要帮助实施它，请在SO上重现您的问题，以便我们可以使用[mcve]，而不只是链接到您的网站。 –

牢记您的导航栏高度为90像素，它的固定的，你必须使用伪元素：

#aboutus::before { 
    content: ""; 
    display: block; 
    position: relative; 
    margin-top: -90px; 
}

或者可以试试这个还有：

#aboutus { 
    padding-top: 90px; 
    margin-top: -90px; 
}

刚在您的网站上查过，它效果很好。

2017-02-26 22:56:33 Mike

非常感谢你:) – Daiyan

@Daiyan欢迎你！ :) – Mike

回答