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

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

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

使用说明

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

1
2
<script src="fixedScroll.js"></script>

 2. 基础用法

1
$(".box").fixedScroll()

3. 参数

  • navEls: nav类名 hookEls: 点击nav滚动到对应的元素 

  • hookOffset: 滚动元素的顶部偏移量 

  • offset: 固定元素的顶部偏移量 

  • stickEndEl: 固定元素结束位置 

  • callback(isFixed): 滚动时触发, 返回值isFixed为true表示已固定, false没固定

 4. 方法

1
 resizeHeight(): //高度变化时重新计算
相关插件-滚动,其他导航

简洁的jQuery滚动条插件scrollBar.js

本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
  滚动
 63778  383

自制高度可定制滚动条插件(原创)

自制原生JS高度可定制化的滚动条插件,高度自定义,轻量化,浏览器兼容良好
  滚动
 32852  423

锚点,可以扩展很多功能

锚点定位,代码实现简单,无依赖其它插件
  滚动
 24416  343

jquery无缝滚动

真正的无缝滚动
  滚动
 76580  526

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

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