jquery - 从固定宽度滚动到全屏图像

Question

试图弄清楚这是如何工作的。似乎是一个固定的图像，当你滚动时，它会全屏播放并播放视频（我想将其保留为图像），然后，您可以滚动其中的内容。内容结束后，图像向上滚动。反过来也可以！

向下滚动页面大约一半：https ://www.dji.com/mavic-mini?site=brandsite&from=homepage

标签： jquerycss

Answer 1

如果您注意到代码，则视频为全屏尺寸。开发人员在视频上创建了一个蒙版框架覆盖，在滚动事件时动画消失。非常时尚的举动:)

此外，视频的制作方式使目标元素居中以进行帧裁剪。