1、虽然原生态的让div悬浮更有学习的价值，但是相对来说原生态的更加复杂，还有各种兼容问题要处理，着实烦死人。反正只要达到效果就好。感兴趣的同学可以自己再研究一下。
我们要利用的工具是
jquery.pin （百度搜索jquery.pin）下载一个。
2、然后解压后我们在该文件夹目录下新建一个html文件。
3、编辑这个网页，在里面引入jquery.pin。
具体代码如下： <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="jquery.pin.js"></script>
4、我们现在要做的就是，让如图中的紫色div碰到屏幕顶后自动随着滚动而悬浮在顶部。
5、做好后随着滚动而滚动了。后面我会把源码发出来。
上面我们引入了文件后。
<script>
$(".pinned").pin({containerSelector: ".b", minWidth: 940}); </script>
(这段代码里面的.pinned是你要悬浮的div，也就是图中的紫色class属性。.b是这个悬浮div悬浮的范围。)
6、悬浮div的不是悬浮的，当悬浮div滚到上面去了，悬浮div（即.pinned）也会随着滚动条而滚动。
7、下面附上整个源码，点开看即可。
http://pan.baidu.com/s/1qW0Ss2o
