你好!我有一个问题,在其他论坛的帖子其中,使用交互2.0渲染的预加载器在显示页面之前只显示了一秒钟。为了解决这个问题,我发现如果我将preloader类设置为显示:块在站点范围内的自定义代码,然后它将首先呈现,然后我使用一个交互来设置预加载器回到显示:没有在页面加载之后。

但是,现在这个解决方案在使用Webflow Editor时阻止了页面内容的视图。我正在寻找任何自定义代码帮助,以可能设置预加载器显示:没有如果/当有人在使用Webflow编辑器吗?

这里是一个只读链接的项目之一,我将实现这一点:
https://preview.www.raktarban.com/preview/webreg-test?utm_source=webreg-test&preview=5b58e56353c9825550f9f6518aa24e13

下面是发布的链接:http://webreg-test.webflow.io/

下面是该站点的编辑器视图的截图。当你第一次加载编辑器时,预加载器会随着交互而消失,但随后它的行为就像它会重新加载页面一秒钟,从而再次显示预加载器,阻止要编辑的内容。

2喜欢

@cmoen89我也陷入了同样的问题,我有一个固定高度的预加载器和导航栏,当客户端进入编辑器模式时,他只看到预加载器,我添加了“当页面开始加载”的交互,设置预加载器和导航栏显示为隐藏然后阻止,但导航栏仍然是只显示在主页和隐藏在一些页面

我也在处理同样的问题。编辑器只显示设置为display的预加载器元素:fixed。在活动站点上,IX在页面加载时隐藏预加载器元素。但是在编辑器中,它在预加载器上是静态的。

https://preview.www.raktarban.com/preview/spice-first?utm_medium=preview_link&utm_source=designer&utm_content=spice-first&preview=932d822adad13cc68dbc3d21d260d086&workflow=preview

嗨,关于这个问题有什么消息吗??皱着眉头:这方面我也需要帮助。

所以我和webflow支持团队讨论了同样的问题,他们说

当我调查你的项目和页面加载动画的问题时,我注意到你在“页面加载”交互中没有设置“初始状态”,预加载器的显示设置被设置为固定。这将导致' preloading-animation '元素在Webflow设计器中始终可见,因为display属性被设置为flex。

为了解决这个问题,你需要在交互设置中将预加载器的初始显示状态设置为“flex”,并将“preloading-animation”类设置为display:none。

@cmoen89@ketan_kulkarni@brettscreativestudio@derartas@Chirantan

解决了!我在我的项目中设法解决了这个问题。

这就是:

  1. 给加载器一个类"page-load-animation"(在设计器中你可以将其设置为显示"隐藏的,这样你就可以继续做这个项目了)。

  2. 创建一个“页面加载“互动”当页面加载完成时”。
    以“page-load-animation选中,创建两个步骤。
    不透明度0然后是一个单独的动作隐藏/显示隐藏的.>。

  3. 进入项目设置>自定义代码>将以下内容添加到标签: