cmoen89(科里摩恩)
# 1
你好!我有一个问题,在其他论坛的帖子其中,使用交互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我也陷入了同样的问题,我有一个固定高度的预加载器和导航栏,当客户端进入编辑器模式时,他只看到预加载器,我添加了“当页面开始加载”的交互,设置预加载器和导航栏显示为隐藏然后阻止,但导航栏仍然是只显示在主页和隐藏在一些页面
嗨,关于这个问题有什么消息吗??这方面我也需要帮助。
Chirantan(Chirantan Aditya)
# 6
所以我和webflow支持团队讨论了同样的问题,他们说
当我调查你的项目和页面加载动画的问题时,我注意到你在“页面加载”交互中没有设置“初始状态”,预加载器的显示设置被设置为固定。这将导致' preloading-animation '元素在Webflow设计器中始终可见,因为display属性被设置为flex。
为了解决这个问题,你需要在交互设置中将预加载器的初始显示状态设置为“flex”,并将“preloading-animation”类设置为display:none。
Eli11(Eli Shmerler)
# 7
@cmoen89@ketan_kulkarni@brettscreativestudio@derartas@Chirantan
解决了!我在我的项目中设法解决了这个问题。
这就是:
给加载器一个类"page-load-animation"(在设计器中你可以将其设置为显示"隐藏的,这样你就可以继续做这个项目了)。
创建一个“页面加载“互动”当页面加载完成时”。
以“page-load-animation选中,创建两个步骤。
不透明度=0然后是一个单独的动作隐藏/显示=隐藏的.>。
进入项目设置>自定义代码>将以下内容添加到头标签: