jQuery滚动元素固定位置插件

jQuery-sticky-elements是一款可以将元素位置固定的jQuery插件。使用该插件你需要做的是设置

元素的位置,然后通过该插件的参数可以控制页面滚动时该元素是隐藏还是固定位置不动。

在这里插入图片描述
在线演示 下载

使用方法

使用该jQuery固定位置插件,首先要引入jQueryjquery.sticky.elements.js文件。

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.sticky.elements.js"></script>         

然后使用下面方法调用该jquery固定位置插件:

<script type="text/javascript">
    $("#grid5").stikify({rate: 3.4, cieling: -100});
</script>        

可用参数

$("#grid4").stikify({floor: 100, rate: 1.6, cieling: -100, trans: true, rate: 3.4});      
  • floor:设置元素不低于指定的高度,单位像素。

  • rate:小于正常滚动速度多少倍。

  • cieling:距离顶部100多少像素时隐藏。

  • trans:元素滚动时是否执行动画效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值