jQuery.pin.js笔记

 

jQuery.pin.js是一个把元素钉在页面上某个位置的插件，它能够将某个元素一直挂在一个固定的位置而不论滚动条是否滚动。

 

特点：

1. 可以钉住一个元素，主要作用就是滚动超出的时候不会隐藏而是一直显示

2. 可以将一个元素钉在另一个元素内部

3. 在小屏幕上自动禁用效果

 

 

将某个元素钉起来，当滚动让它快隐藏的时候会被钉在页面顶部而不会隐藏。

$("#pinFoo").pin();

 

将某一个元素钉在另一个元素内，需注意当容器被隐藏的时候此元素还是会被隐藏的。

$(".pinned").pin({
      containerSelector: ".container"
})

 

设置在小屏幕上自动禁用pin

$(".pinned").pin({
      minWidth: 940
})

 

 

参考资料：

1. 官方网站（有pin住元素的例子） http://www.bootcss.com/p/jquery.pin/#link-three

2. GitHub https://github.com/webpop/jquery.pin

 

.