作者virgin7 (人类造不出天堂)
看板Web_Design
标题[问题] 这网站的parallax原理?
时间Fri Nov 22 23:32:34 2013
前辈们大家好
最近在研究jquery，会自行写一点简单的位移动画
以下这个＂视差滚动＂网页好像很流行
http://first-launch.com/
想请问这个的原理是什麽？
1.某些物件会随着滚动向上卷动，这很正常
2.某些物件向上卷动到某个位置就不会再向上，会停在那开始做动画
然後动画做完，又会继续向上卷动，这是怎麽做到的？
3.动画原理是用$(div).attr("src","1.jpg")一直换图到＂100,jpg"的方式在做动画吗？
站上没看到有人在讨论这个，对大家来说可能不难吧，但我好想知道啊....= =
请求高手前辈指点迷津～
--
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 49.219.27.192
1F：推 Fantasywind:github.com/Prinzhorn/skrollr 11/23 02:10
2F：→ Fantasywind:原理就是监听 scroll event 然後对DOM控制 CSS style 11/23 02:11
3F：→ Fantasywind:动画通常会应用到 CSS Sprite 减少 request/respawn 11/23 02:11
4F：推 jenesis:把scollbar想成时间轴就可以理解了 不过这网页一定很搞刚 11/23 02:18