现场演示
有些效果在展台里演不出来:它们要的是整页滚动、整个视口或者真实的指针。这里不给盒子——页面本身就是演示。
每个效果占满一整页,你正常滚动、移动指针就行。看完从浮动条回词条,或者接着看下一个。
滚动条就是进度条:滚到哪一帧由滚动位置决定。
页面滚到哪,动画就走到哪:进度条、卡片转正与入场都由滚动位置驱动,没有演示框。
内容滚进视口时才淡入上移,没滚到的先藏着。
每一段内容进入视口时自己浮上来。往下滚,看整页的节奏而不是一个盒子里的循环。
滚动时前景和后景走不同速度,画面因此有了纵深。
前景、中景、背景以不同速度移动。纵深感只有在整页滚动、整块视口里才成立。
滚动时后面的卡片一张张压上来,前一张缩小留在底下。
一张卡片粘住,下一张压上来。整页滚动时,卡片堆叠才有真正的重量。
一个圆点慢半拍地跟在指针后面,把系统鼠标指针换掉。
圆点跟着指针慢半拍。这里跟随的是整页的指针,不再局限在某个演示框里。