日期:2014-05-16  浏览次数:20326 次

求高手分析苹果这个js特效原理?
http://www.apple.com/iphone-5s/

滚动鼠标div整体无缝切换(适应各种分辨率),有点类似iphone手机屏幕滑动,怎么实现的?

大神能说下原理或者方法吗

------解决方案--------------------
坐等高手,帮顶
------解决方案--------------------
transform: translate3d(0px, 0%, 0px);transition:transform 1s ease 0s;
transform: translate3d(0px, -100%, 0px);transition:transform 1s ease 0s;
transform: translate3d(0px, -200%, 0px);transition:transform 1s ease 0s;
transform: translate3d(0px, -300%, 0px);transition:transform 1s ease 0s;

侦听页面滚动事件,给容器元素添加类似上面的CSS样式。


------解决方案--------------------
主要是找几块好图片。
carousel +
var $a = document.documentElement;
var $h = $a.clientHeight;
var $w = $a.clientWidth