要实现这个效果非常容易,在Avada的多次更新后,从5.3版本开始,已经不需要用LayerSlider插件实现这个全屏滚动效果。

我们知道Avada实时编辑器里面有一个叫做容器的东西,我们对这个容器进行设置便可以实现整页滚动效果。

演示效果

我先用avada自带的模板来演示一下

你会发现,在鼠标向下滚动的时候整个页面是固定的,但是滚动一次切换一个页面

具体操作

要实现这个功能,关键就在于对容器content的设置,编辑当前页面的每个你想设置成固定滚动的容器。

高度改成 全屏高度,再启用100%高度滚动就可以了。

注意:

  • 1.必须改成100%高度滚动,否则如果内容过大会被截断。
  • 2.手机端的高度较小,可以禁用手机端的100%高度选项,很多时候在桌面端显示正常,在手机端会显示异常,看你个人的取舍

如果对本文有疑问,可以在下方评论区留言,看到后我会在这里回复你。

关于作者:张东星

我是一位打工人 & 创业者,曾在某世界500强公司打工,现在正在创业,喜欢折腾wordpress,为外贸创业者提供wordpress的建站技术支持,我会为您解决wordpress、Avada以及服务器等的操作使用方面的相关问题。 工作时间:9:00~24:00

加微信咨询(为了方便大家添加微信,直接放在这里了):

发表评论

2 × 5 =

相关文章

目录