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:元素滚动时是否执行动画效果。