让元素在指定区域内显示


让元素在指定区域内显示

jquery.simplepin.js源代码

功能特点

1, 基于jquery的插件
2, 区域可以是某个容器,也可以是指定顶部和底部元素
3, 支持修复偏差回调
4, 支持移动端,不卡顿和抖动
5, 不改变原始dom结构
6, 可以指定区域内贴顶或贴底显示

调用示例

    $('.icons').pin({
      top: $('.topBanner'),
      bottom: $('footer'),
      snap: 'bottom'
    });
    $('.sidemenu').pin({
      container: $('.side'),
      absoluteTranslate: function() {
        return -$('.side').offset().top;
      },
      fixedTranslate: function() {
        return $('header').height();
      }
    });


原创博文,转载请注明来源:http://www.fengshangbin.com/pin/