jQuery.pin
功能
可以将某元素固定在容器的特定位置,即使出现上滚动或下滚动,它都会保持位置不变。当屏幕较小时,它又可以进行隐藏,总归是款很方便的插件
引入
<script src="https://cdn.jsdelivr.net/gh/webpop/jquery.pin@master/jquery.pin.js"></script>
用法
首先在HTML文件中引用 jquery.js
和 jquery.pin.js
文件
$(".pinned").pin();
若要固定在某一容器中,请使用 containerSelector
选项:
$(".pinned").pin({containerSelector: ".container"});
当跨度小于 940 时隐藏
$(".pinned").pin({minWidth: 940})
也可以添加其他元素:
$(".pinned").pin({padding: {top: 10, bottom: 10}});
更多信息请查阅官网