首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求好手分析苹果这个js特效原理

2013-12-06 
求高手分析苹果这个js特效原理?http://www.apple.com/iphone-5s/滚动鼠标div整体无缝切换(适应各种分辨率)

求高手分析苹果这个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

热点排行