jQuery滚动固定插件fixedScroll.js(原创)

所属分类:UI,导航-滚动,其他导航

 33865  394  查看评论 (2)
分享到微信朋友圈
X
jQuery滚动固定插件fixedScroll.js(原创) ie兼容11

使用说明

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

<script src="http://www.jq22.com/jquery/jquery-1.10.2.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(): //高度变化时重新计算
相关插件-滚动,其他导航

jquery逐条文字向上滚动

jquery逐条文字向上滚动效果
  滚动
 52111  428

jquery模拟滚动条(未封装)

jquery模拟滚动条,支持自定义滚动条样式,兼容pad,web手机端未测试;支持同一网页多个滚动条;支持添加和删除(本人对封装不太了解,未封装)
  滚动
 39937  340

网站广播插件

网站发布消息的广播插件
  滚动
 41605  406

zepto移动端全屏滚动

移动端整屏滚动效果
  滚动
 33822  300

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    aimibuy 0
    2020/6/21 14:36:49
    拉到底部的时候,如何结束固定?否则会盖住页脚了呢。 回复
    Leishao 0
    2019/12/25 14:45:15
    这个方法如何使用呀 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复