美文网首页
jquery stickup

jquery stickup

作者: 泰格_R | 来源:发表于2016-11-29 16:44 被阅读30次

    stickup插件实现思路如下:
    1.获得stickup目标元素的宽度、高度以及在文档中的定位offset,XY方向都需要确认。克隆该元素,通过CSS设置为透明,不显示(.hide())
    2.当滚动条滚动距离超过offset().top时,即目标元素到页面顶部时,使用fixed定位克隆元素,通过CSS设置为显示(.show())。滚动距离小于offset().top时取消fixed定位

    单个stickup效果
    预览地址
    代码地址

    多个stickup效果
    预览地址
    代码地址

    相关文章

      网友评论

          本文标题:jquery stickup

          本文链接:https://www.haomeiwen.com/subject/mezapttx.html