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:元素滚动时是否执行动画效果。
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!