什么是视口控件?

视口控件是一个双滑块控件,可让您定义滚动效果的视口起点和终点。https://www.youtube.com/embed/0pjPb8orwXM?feature=oembed&enablejsapi=1&origin=https%3A%2F%2Felementor.com

视口是网页的用户可见区域。此可见区域的大小因设备而异。

向下滚动时,每个元素都会进入屏幕底部的视口。当一个元素第一次从视口底部进入视图时,这表示距离底部的 0 百分比。当它滚动到视图中时,它在视口中的位置百分比会发生变化。当元素的垂直中间位于视口的中心时,为 50%。

如果Viewport控件设置为 0 Bottom 和 100 Top,则运动将在元素第一次进入屏幕底部的用户视口时开始,并在元素退出视口时停止。

如果设置为 30 底部和 65 顶部,则运动将在元素进入并达到视口的 30% 时开始,并在达到视口的 65% 时结束。

如果使用诸如Transparency > Fade Out In之类的运动效果,效果将在 0% 时完全可见,当元素达到视口的 30% 时将开始淡出,当达到 65% 时将完全不可见,然后将在视口的 65% 处开始淡入,直到它在退出视口时达到完全可见性。

Fade In Out正好相反。当元素第一次以 0% 进入视口时,它将被隐藏。当元素达到视口的 30% 时,它会开始淡入,变得越来越明显,直到达到 65% 的最大可见度。在 65% 时,它将开始淡出,直到它离开视口时再次完全隐藏。

Powered by BetterDocs

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top