javascript跟随滚动效果插件代码(javascript Follow Plugin)_javascript技巧
程序员文章站
2022-06-01 14:29:47
...
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
使用方法:
1.载入插件,在页面载入之后,window.onload = function(){}
2.创建需要跟随的对象的数组,比如 var followIds = [document.getElementById("follow"),document.getElementById("follow2")];
3.初始化Follow:new Follow();
4.传参,obj是对象数组,bottom是滚动块距离底部的最小的高度
跟随滚动
模块1
跟随滚动
模块2
支持定义多个跟随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
});
}
完整实例
代码如下
复制代码 代码如下:
Header
使用方法:
1.载入插件,在页面载入之后,window.onload = function(){}
2.创建需要跟随的对象的数组,比如 var followIds = [document.getElementById("follow"),document.getElementById("follow2")];
3.初始化Follow:new Follow();
4.传参,obj是对象数组,bottom是滚动块距离底部的最小的高度
window.onload = function(){
var followIds = [document.getElementById("follow"),document.getElementById("follow2")];
new Follow({
obj:followIds,
bottom:150
});
}
跟随滚动
模块1
跟随滚动
模块2
上一篇: 无限分类与树型论坛的实现方法_PHP
推荐阅读
-
利用JavaScript实现新闻滚动效果(实例代码)_javascript技巧
-
js 文本滚动效果的实例代码_javascript技巧
-
javascript跟随滚动效果插件代码(javascript Follow Plugin)_javascript技巧
-
javascript跟随滚动效果插件代码(javascript Follow Plugin)_javascript技巧
-
js+div实现图片滚动效果代码_javascript技巧
-
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧
-
js跟随滚动条滚动浮动代码_javascript技巧
-
div模拟滚动条效果示例代码_javascript技巧
-
js图片向右一张张滚动效果实例代码_javascript技巧
-
js+div实现文字滚动和图片切换效果代码_javascript技巧