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
.