HTML页面始终显示菜单栏

Question

大家好，

我正在尝试为测试结果开发一个简单的HTML页面。我对HTML开发很陌生，所以我可能听起来真的倾向于这个问题。

我的目标是使用HTML中可用的框架集，但将其指向内部链接（href）。或者某些东西，比如导航栏总是出现在HTML页面的顶部或垂直，我可以从中指向HTML页面内的不同部分。我不想将我的HTML页面分成多个页面。我希望将其保留为单个HTML页面。

我很感激在这方面提供一些帮助，

Answer 1

您可以使用设置了CSS position: fixed; top: 0的div。这将允许div“粘贴”到页面顶部，无论文档在何处滚动。

Answer 2

您可以使用锚点导航到文档的各个部分。例如：

<a href="#section1">Section 1</a>
<div>
    <a name="section1" id="section1"></a>
    Whatever section 1 might contain here.
</div>

至于使导航持久（即固定位置），您可以使用position: fixed CSS集。请参阅此处的jsFiddle样本＆gt; http://jsfiddle.net/PWP2T/

代码：

div#mynav {
    width: 100%;
    padding: 10px 0;
    background-color: #ff00ff;
    position: fixed;
    top: 0;
    left: 0
}