jQuery.pin

GitHub 项目地址 官方网址

功能

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

引入

<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}});

更多信息请查阅官网

转载请注明出处：吖Go博客 » jQuery.pin