首页 > 解决方案 > 如何在 WordPress 中制作类似 DJI 网站的东西?

问题描述

DJI 有一个很棒的网站!

https://www.dji.com/ca/air-2s

我知道如何做很多事情(扩展字母作为图层蒙版,视频直到某个滚动点才播放,3d 视频由滚动事件触发等)但有些事情我只是不知道如何去做。

例如,当滚动时,滚动条会继续移动,但它们所在的任何部分都会停留在屏幕上,直到触发滚动事件结束,然后才会移开。

另一个例子是“每个冒险都值得 2S”的部分。它只是一个普通的部分,然后它下面的部分看起来就像是一个css视差背景,但是当它到达上面部分的末尾时,看起来像一个css视差背景的部分才开始正常滚动。

有没有办法在 WordPress 中轻松进行这些类型的转换?我在想专门的 DIVI 主题?

谢谢!

标签: javascriptjquerywordpressdivi

解决方案


我想我知道他们是如何做到的,看起来他们正在使用带有粘性定位 + onscroll 事件的滑动效果。

https://css-tricks.com/creating-sliding-effects-using-sticky-positioning/


推荐阅读