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

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

 33787  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文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。
  滚动
 215342  358

jQuery横向全屏切换滚动

jQuery横向全屏切换滚动兼容ie6
  滚动
 50809  457

双向垂直上下滚动

垂直滚动插件,可切换向上或向下方向滚动。
  滚动
 48665  375

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 29953  328

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

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