滚动固定插件fixedScroll.js

2018-07-03 | 5,997浏览 | 0评论 | 标签:fixedScroll 滚动固定

fixedScroll

最近项目需要,写到这里备忘。基本满足常见的fixed需求。文档写得比较粗糙,有疑问请在下边留言。

功能场景

  1. 滚动时固定元素
  2. 锚点菜单定位

演示

演示:Demo1Demo2Demo3Demo4

源码:gitHub

使用说明

1.引入必要文件:jQuery、fixedScroll.js 。

<script src="jquery.js"></script>
<script src="fixedScroll.js"></script>

2.基础用法

$(".box").fixedScroll()

3.参数

navEls : nav类名
hookEls : 点击nav滚动到对应的元素
hookOffset : 滚动元素的顶部偏移量
offset : 固定元素的顶部偏移量
stickEndEl : 固定元素结束位置
callback(isFixed) : 滚动时触发,返回值isFixed为true表示已固定,false没固定

4.方法

resizeHeight()  : //高度变化时重新计算

(本篇完。有疑问欢迎留言探讨)

留言:

*

* (方便回复通知)

打赏
编辑代码 运行结果
退出