jquery.scrollfollow.js 浏览器上下滚动（浮动）

 

jquery.scrollfollow.js 浏览器上下滚动（浮动）

参照 http://kitchen.net-perspective.com/sf-example-1.html

[html] view
plaincopy

<span style="font-size:16px;">  <script type="text/javascript" src="jquery.js"></script>  

  

  

    <script type="text/javascript" src="jquery.scroll-follow.js"></script></span>  

[javascript] view
plaincopy

<script type="text/javascript">  

  

        $( document ).ready( function ()  

  

        {  

  

            $( '#example' ).scrollFollow();  

  

        }  

  

    );  

  

    </script>  

html

[html] view
plaincopy

<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-->  

定义区域会随着浏览器滚动条的上下滚动，而移动（浮动在界面上）