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

.

最新文章

  1. 常用类string的用法
  2. IOS开发官方文档随笔
  3. Snippet: Fetching results after calling stored procedures using MySQL Connector/Python
  4. Jmeter之Http Cookie Manager
  5. HDU 3487 Play with Chain 【Splay】
  6. jquery 从页面获取li数组,删除不在数组中的key
  7. C++ (P199—P211)多态 虚函数 抽象类
  8. VS2005代码自动提示功能失灵
  9. VM Depot 助您使用本地开源软件架设开发 Web 站点
  10. Hello TensorFlow 三 (Golang)
  11. laravel-神奇的服务容器(转)
  12. 【摘】Oracle执行计划不走索引的原因总结
  13. js浮点数加减乘除精度不准确
  14. java 调用 api接口
  15. 朱晔和你聊Spring系列S1E3:Spring咖啡罐里的豆子
  16. PHP(数据类型、水仙花数(重点)运算符)
  17. 什么是servlet?
  18. vue 如何在循环中绑定v-model
  19. 简单的Windows应用程序命名规则
  20. max_result_window

热门文章

  1. flink ha zk集群迁移实践
  2. 第191天:js---Array常用属性和方法总结
  3. BZOJ3712 PA2014Fiolki(kruskal重构树)
  4. java中初始化块、静态初始化块和构造方法
  5. QT样式表
  6. java学习5-jar包的下载以及导入
  7. [NOI2017]蚯蚓排队 hash
  8. SpringBoot多数据源配置事务
  9. 【JavaScript】离线应用与客户端存储
  10. hive1.1.0建立外部表关联HDFS文件