jQuery滚动元素固定位置插件

当前位置:主页 > jQuery库 > 布局和界面 > jQuery滚动元素固定位置插件
jQuery滚动元素固定位置插件
分享:

    插件介绍

    jQuery-sticky-elements是一款可以将元素位置固定的jQuery插件。使用该插件你需要做的是设置div元素的位置,然后通过该插件的参数可以控制页面滚动时该元素是隐藏还是位置固定不动。

    浏览器兼容性

    浏览器兼容性
    时间:2015-03-01
    阅读:
简要教程

jQuery-sticky-elements是一款可以将元素位置固定的jQuery插件。使用该插件你需要做的是设置<div>元素的位置,然后通过该插件的参数可以控制页面滚动时该元素是隐藏还是固定位置不动。

使用方法

使用该jQuery固定位置插件,首先要引入jQuery和jquery.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:元素滚动时是否执行动画效果。