滚动浏览幻灯片等页面

Scrolling through a page like Slides

本文关键字：幻灯片 浏览 滚动      更新时间：2023-09-26

我遇到了苹果iPhone5C，iPhone5S，Mac Pro的新页面，并注意到他们似乎正在为他们的产品页面做一个很好的效果。我不是让用户在整个页面中自由滚动，他们设置幻灯片（因为缺乏更好的术语），当用户滚动时，无论数量多少，他们一次只能浏览一张幻灯片。

苹果手机5C
苹果手机5S
苹果专业版

这是一个非常好的效果，我不确定是否有人对如何重新创建它有方法或想法。有人发布了一个他编写的脚本来模仿这种效果，但不确定是否有任何插件已经构建。任何想法或帮助值得赞赏？

现在回答可能有点晚了，但是是的，有一个插件可以做到这一点。

它被称为整页.js

  • 生活演示
  • 网页
  • Github

它也适用于旧浏览器，例如IE 8，并且具有许多选项，例如回调，循环...

看看:)

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

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

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

相关文章：