javascript跟随滚动效果插件代码

作者:简简单单 2013-06-17

Javascript Follow Plugin

Js 跟随滚动效果插件

支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器。

支持定义滚动到底部的最小高度,不会覆盖底部

页面大小resize后,插件会自动重置参数

=======
Js 跟随滚动效果插件

1.支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器。
2.支持定义滚动到底部的最小高度,不会覆盖底部
3.页面大小resize后,插件会自动重置参数
=======

使用方法

 代码如下 复制代码

window.onload = function(){
 var followIds = [document.getElementById("follow"),document.getElementById("follow2")];
 new Follow({
  obj:followIds,
  bottom:150
 });
}


完整实例

 代码如下 复制代码






Js Follow



 


  
Header

  

   

    

    使用方法:

    1.载入插件,在页面载入之后,window.onload = function(){}

    2.创建需要跟随的对象的数组,比如 var followIds = [document.getElementById("follow"),document.getElementById("follow2")];

    3.初始化Follow:new Follow();

    4.传参,obj是对象数组,bottom是滚动块距离底部的最小的高度

    


<script type="text/javascript" src="follow.js"></script>

window.onload = function(){
 var followIds = [document.getElementById("follow"),document.getElementById("follow2")];
 new Follow({
  obj:followIds,
  bottom:150
 });
}


    

    









   

   

    

     跟随滚动
模块1
    

    

     跟随滚动
模块2
    

   

  

  
 


 

相关文章

精彩推荐