页面导航条

        页面导航即固定在页面的某一个位置，当页面较长需要用锤子滚动条拉动时候，它的位置并没有发生变化还是相对于整个屏幕处于其所在的位置；当单击它上面导航的某个超链接，页面会跳到其所指定的位置。

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>