jquery.scrollfollow.js 浏览器上下滚动(浮动)
参照 http://kitchen.net-perspective.com/sf-example-1.html
- <span style="font-size:16px;"> <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript" src="jquery.scroll-follow.js"></script></span>
- <script type="text/javascript">
- $( document ).ready( function ()
- {
- $( '#example' ).scrollFollow();
- }
- );
- </script>
html
- <div id="example">
- <img src="/images/ducks.png" alt="Ducks" />
- <p>
- This is a simple example of Scroll Follow. Scroll down to see what happens.
- </p>
- <p>
- <a href="http://kitchen.net-perspective.com/open-source/scroll-follow/">Back to Scroll Follow home.</a>
- </p>
- </div><!--end #example-->
定义区域会随着浏览器滚动条的上下滚动,而移动(浮动在界面上)