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

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

 32241  393  查看评论 (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滚动自自动锚点定位
  滚动
 36350  421

jquery无缝滚动

真正的无缝滚动
  滚动
 75598  525

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 42971  401

js交集监测插件scrollama.js

Scrollama是一个轻量级JavaScript库, 用于检测页面滚动时监听元素是否重叠。
  滚动
 25921  326

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

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