滚动浏览像幻灯片这样的页面

Question

我遇到了针对iPhone5C,iPhone5S,Mac Pro的苹果新页面,并注意到他们似乎在为他们的产品页面做了很好的效果.我只是让用户在整个页面中自由滚动,他们设置幻灯片(缺少更好的术语),当用户滚动时,无论金额多少,他们只能一次浏览一张幻灯片.

Iphone5C
Iphone5S
Mac Pro

这是一个非常好的效果,我不确定是否有人有关于如何重新创建它的方法或想法.有人发布了一个脚本,他写的是为了模仿这种效果,但不确定是否有任何已经构建的插件.任何想法或帮助表示赞赏？

Answer 1

回答可能有点迟,但是,有一个插件可以做到这一点.

它被称为fullPage.js

• 生活演示
• 网页
• Github上

它也适用于旧的浏览器,如IE 8,并有许多选项,如回调,循环......

看看这个 :)

Answer 2

看来这种效果是通过 CSS 完成的，如下所示：

element.style {
    opacity: 0.9999999999999956;
    -webkit-transform: translate3d(0, 0px, 0);
}

有关此技术的进一步说明，请阅读Apple Mac Pro 页面解构。