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
网友评论