要实现这个效果非常容易,在Avada的多次更新后,从5.3版本开始,已经不需要用LayerSlider插件实现这个全屏滚动效果。
我们知道Avada实时编辑器里面有一个叫做容器的东西,我们对这个容器进行设置便可以实现整页滚动效果。
演示效果
我先用avada自带的模板来演示一下

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



具体操作
要实现这个功能,关键就在于对容器content的设置,编辑当前页面的每个你想设置成固定滚动的容器。
高度改成 全屏高度,再启用100%高度滚动就可以了。

注意:
- 1.必须改成100%高度滚动,否则如果内容过大会被截断。
- 2.手机端的高度较小,可以禁用手机端的100%高度选项,很多时候在桌面端显示正常,在手机端会显示异常,看你个人的取舍
如果对本文有疑问,可以在下方评论区留言,看到后我会在这里回复你。
原创性声明:本站所发布的所有文章均为本站原创发布。任何组织或个人未经允许,禁止将本站内容以复制、采集、镜像等方式发到其他任何媒体平台(可以分享本文链接)。
加微信咨询(为了方便大家添加微信,直接放在这里了):
