猫窝私语 — Makumo's Blog

玛酷猫的温馨小窝,记录生活点点滴滴。

@玛酷猫1月前

12/21
14:37
其他

skrollr中的anchor-position

前段时间有个项目需要在页面上使用视差效果,第一时间就想到了老牌的skrollr.js,虽然作者在2014年就已经不在更新的,不过放到现在依旧是比较好用的一款,然而在应用中着实被anchors的relative mode坑了一小下,记录下。

absolute mode的代码格式为data-[offset]-[anchor]
relative mode的代码格式为data-[offset]-(viewport-anchor)-[element-anchor]
在项目中吧viewport和element搞反了,盯了半天才找到原因。顺便放下官方的anchor-position示意图

skrollr中的anchor-position