jquery.pin 插件用法


特征:

可以将某元素固定在容器的特定位置,即使出现上滚动或下滚动,它都会保持位置不变。当屏幕较小时,它又可以进行隐藏,总归是款很方便的插件

用法:

首先在HTML文件中引用 jquery.js 和 jquery.pin.js 文件

$(".pinned").pin();

若要固定在某一容器中,请使用 containerSelector 选项:

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

也可以添加其他元素:

$(".pinned").pin({padding: {top: 10, bottom: 10}});

更多信息请查阅官网

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