视口控件是一个双滑块控件，可让您定义滚动效果的视口起点和终点。https://www.youtube.com/embed/0pjPb8orwXM?feature=oembed&enablejsapi=1&origin=https%3A%2F%2Felementor.com
视口是网页的用户可见区域。此可见区域的大小因设备而异。
向下滚动时，每个元素都会进入屏幕底部的视口。当元素首次从视口底部进入视图时，表示距底部的百分比为 0。随着它更多地滚动到视图中，它在视口中的位置百分比会发生变化。当元素的垂直中间位于视口的中心时，它位于 50%。
如果视口控件设置为 0 Bottom 和 100 Top，则运动将在元素首次进入屏幕底部的用户视口时开始，并在元素退出视口时停止。
如果设置为 30 Bottom 和 65 Top，则运动将在元素进入并达到视口的 30% 时开始，并在达到视口的 65% 时结束。
如果使用诸如Transparency > Fade Out In之类的运动效果，效果将在 0% 时完全可见，当元素达到视口的 30% 时开始淡出，当达到 65% 时完全不可见，然后将在视口的 65% 处开始淡入，直到它退出视口时达到完全可见。
淡入淡出恰恰相反。当元素第一次以 0% 进入视口时，它将被隐藏。当元素达到视口的 30% 时，它将开始淡入，变得越来越明显，直到达到最大可见度 65%。在 65% 时，它将开始淡出，直到它离开视口时再次完全隐藏。
