最近项目需要,写到这里备忘。基本满足常见的fixed需求。文档写得比较粗糙,有疑问请在下边留言。
功能场景
- 滚动时固定元素
- 锚点菜单定位
演示
源码: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() : //高度变化时重新计算
(本篇完。有疑问欢迎留言探讨, 也可以交个金钱朋友Buy me a coffee)
热门文章
- 微信小程序“拍照识图”上线(46,120)
- vue+tabs动态组件方案漫谈(13,341)
- 基金助手--chrome浏览器插件(13,048)
- 网页打印插件Print.js(11,890)
- px转rem/vw方法小结(7,897)
- 简易的上下循环滚动代码(7,290)
- qq表情在线制作器(7,173)
- 侧边滑出弹层插件mSlider.js(5,555)
- Vue模拟select多选(5,219)
- 前端项目集成工具 ProjectHub(4,944)