jQuery.pin

jQuery.pin

GitHub 项目地址 官方网址

功能

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

引入

<script src="https://cdn.jsdelivr.net/gh/webpop/jquery.pin@master/jquery.pin.js"></script>

用法

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

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

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

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

当跨度小于 940 时隐藏

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

也可以添加其他元素:

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

更多信息请查阅官网

赞(0) 打赏
取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

    暂无评论...