jQuery小案例之固定导航栏

先来看一下效果：

代码部分：
html
为展示效果方便，用三张图片代替，愿谅解。

<div class="top">
    <img src="images/top.png" />
</div>
<div class="nav">
    <img src="images/nav.png" />
</div>
<div class="main">
    <img src="images/main.png" />
</div>
</body>

css:

<style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .main {
            width: 1000px;
            margin: 0 auto;
        }
    </style>

jQuery:

<script src="jquery-1.12.2.js"></script>
    <script>
       $(function(){