页面导航即固定在页面的某一个位置,当页面较长需要用锤子滚动条拉动时候,它的位置并没有发生变化还是相对于整个屏幕处于其所在的位置;当单击它上面导航的某个超链接,页面会跳到其所指定的位置。
1.当滚动条处于顶端时候
2.当滚动条发生滚动的时候
在以上图片中,是导航条是个iframe,其实现如下:
<style type="text/css">
#page2{
width: 150px;
height: auto;
position: fixed;
right: 10px;
top: 30%;
}
</style>
这是对其样式设置,注意 position:fixed
<div id="page2">
<iframe src="c.html"></iframe>
</div>