想要在中应用滚动效果 Elementor?

使用设计页面或模板时引人注目的事情之一 Elementor 是您可以将某些动画效果应用于您正在处理的页面或模板。 其中之一是我们将在本文中介绍的滚动效果。

滚动效果本身是一个可用的功能 Elementor临. 所以你需要升级你的 Elementor 如果您还没有这样做,请转到专业版。

什么是滚动效果?

这是一种在用户将鼠标滚动到页面上时出现的动画效果。 无论是向上还是向下。 效果可能因您的设置而异。 Elementor 本身提供 6 种效果选项:

  • 垂直滚动: 滚动鼠标时对象将垂直移动
  • 滚动 水平的: 滚动鼠标时对象将水平移动
  • 透明度: 在鼠标滚动之前,对象将显示为透明
  • 模糊: 鼠标滚动前物体会显得模糊
  • 梯子: 在鼠标滚动之前,物体会以一定的比例出现

您可以在部分、列或小部件上应用滚动效果。

如何在 Elementor 中应用滚动效果

正如我们所提到的,滚动效果是 Elementor Pro 的功能之一。 换句话说,您必须使用 Elementor Pro 才能使用此功能。

在本教程中,我们将向您展示如何应用水平滚动效果。 顾名思义,此效果将在鼠标滚动时将垂直运动应用于对象。 这种效果结合起来非常棒 洛蒂.

下面是应用水平滚动效果之前的示例。

在 Elementor 中应用滚动效果

这是应用水平滚动后的示例。

在 Elementor 中应用滚动效果

雷马克: 以下教程使用 Lottie。

添加滚动效果

同样,您可以将滚动效果应用于部分、列或小部件。

首先,选择要应用滚动效果的元素(部分、列或小部件)并转到选项卡 先进 在左侧面板中并打开该部分 运动效果.

激活选项 滚动效果.

在 Elementor 中应用滚动效果

由于我们要应用水平滚动效果,请单击选项上的铅笔图标 水平滚动 进行方向(左或右)、速度和窗口(用户可见的区域)等设置。

在 Elementor 中应用滚动效果

如果需要,您可以应用多个滚动效果。 只需单击其他滚动效果选项上的铅笔图标即可应用其他滚动效果。

就是这样。 页面完成后,您可以 发布 / 更新它。 您还可以在特定类型的设备上禁用滚动效果。 只需单击图标即可删除要禁用滚动效果的设备 X 马上 将效果应用于 .

在 Elementor 中应用滚动效果

立即获取 Elementor Pro !!!

结论

这里 ! 这就是本文向您展示的方法 在 Elementor 中应用滚动效果. 如果您对如何到达那里有任何疑虑,请告知我们 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...