jquery.pin, 在容器内插入任何元素

分享于 

3分钟阅读

GitHub

 
Pin any element within a container
  • 源代码名称:jquery.pin
  • 源代码网址:http://www.github.com/webpop/jquery.pin
  • jquery.pin源代码文档
  • jquery.pin源代码下载
  • Git URL:
    git://www.github.com/webpop/jquery.pin.git
    Git Clone代码到本地:
    git clone http://www.github.com/webpop/jquery.pin
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/webpop/jquery.pin
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    

    jQuery.pin

    你想在文本边上加 something? 在你向下滚动时,需要一个细微的粘贴元素来静静地挂起来?

    Jquery.Pin 来帮助你 ! 将任何元素钉到容器顶部。 很容易为smaller禁用,因为在没有这种类型的shenanigans空间的情况下,它的屏幕尺寸是小的。

    用法

    在html的底部包含jquery和 jquery pin。 然后将你想要的任何元素钉在上面:

    
    $(".pinned").pin()
    
    
    
    

    要使固定元素保持在外部容器中,请使用containerSelector选项:

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

    滚动时,也可以在固定元素周围添加填充:

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

    就是这样把所有东西都钉上 !

    示例

    这里有大量的示例

    许可证

    版权所有( c ) 2013,Mathias Biilmann所有权利保留。

    如果满足以下条件,则允许在源和二进制表单中重新分配和使用,以及不修改:

    以源代码形式重新发布必须保留未经修改的上述版权声明、本许可条件以及其后的免责声明。 二进制表单中的with必须重现 上面 版权声明,这里条件列表和以下文件和/或者它的他材料中的声明。 软件由版权持有者和贡献者"是"提供,包括明示或者默示担保,包括但不限于适销性担保和适用于特定用途的FITNESS和适合。 任何EVENT或者侵犯人,不论合同中出现的任何LIABILITY或者侵权情况,均不得承担任何直接。间接。偶然。特殊。范例或者侵权责任,即使通知可能发生此类损害。


    Contain  
    相关文章