我正在玩skrollr plugin,但无法实现我想要的,所以寻求帮助。
我已经能够实现简单的效果,例如<div id="intro-left" data-0="opacity: 0" data-180="opacity: 1">
(意味着当用户向下滚动180时,我的DIV称为intro-left变为可见)
问题在于我不喜欢使用滚动距离,因为只有拥有相同的屏幕分辨率才有意义吗?
我想做的是告诉skrollr:“一旦DIV位置在屏幕上可见,将DIV从不透明度0改为不透明度1”(换句话说“一旦用户到达,将DIV从不透明度0改为不透明度1”通过向下滚动页面上的某个点)
这是否可以通过skrollr实现,以及如何实现?
非常感谢
答案 0 :(得分:7)
您是否看过documentation?
甚至还有一个展示different anchors
的例子简而言之:
<div id="intro-left" data-bottom-top="opacity: 0" data-center="opacity: 1">