苹果使用什么语言来开发其网站？

Question

Apple的iPhoneX页面令人惊叹，我想知道如何复制网站上的某些功能。查看链接（https://www.apple.com/iphone-xr/）

我对Web开发了解很少。我知道html和css是用于Web开发的最常见的语言。苹果网站也一样吗？

我对如何在滚动时创建动画特别感兴趣，这是我在许多网站上看到的功能。当用户滚动时，新的图像和移动的文本会显示在屏幕上。

Answer 1

问题中使用的链接以及Apple Inc.的其他区域性网站（主要）基于典型的HTML-CSS平台。 请注意，动画基于js（也称为css）。 动画看起来非常不错，因为它们将页面划分为专用的DIV，并使用了许多效果，例如onHover，mouseUP，visibleChange，与滚动相关的内容等等。

您可以使用Ctrl + Shift + I来检查任何wesite上的元素，从而使您大致了解该网站的内容是什么。

What 'Inspect element' looks like

Answer 2

这种效果可以通过以下方式实现：

从最难排序：

1. 使用 vanilla Javascript 自己编写代码（请参阅：https://css-tricks.com/lets-make-one-of-those-fancy-scrolling-animations-used-on-apple-product-pages/）
2. 使用 Javascript 库自己编写代码

• GSAP（参见：https://youtu.be/wLUJ9VNzZXo）
• ScrollMagic（参见：https://scrollmagic.io/examples/expert/image_sequence.html）

或不编码：

3. Scrollsequence WordPress 插件 （见：https://wordpress.org/plugins/scrollsequence/）