Javascript Elementor-滚动“;“运动效果”;在调整窗口大小之前不工作
我对某些图像有滚动效果,有些放大,使用水平、垂直滚动和一些其他效果。除非发生以下两种情况之一,否则滚动运动不会初始化:1)调整浏览器窗口的大小(宽度或高度)。2) 您再次访问该页面,或者该页面已刷新。这在所有浏览器中都会发生 编辑:某些滚动效果似乎已初始化,但在进入视口之前触发(因此您无法看到它) 示例视频:Javascript Elementor-滚动“;“运动效果”;在调整窗口大小之前不工作,javascript,html,css,wordpress,elementor,Javascript,Html,Css,Wordpress,Elementor,我对某些图像有滚动效果,有些放大,使用水平、垂直滚动和一些其他效果。除非发生以下两种情况之一,否则滚动运动不会初始化:1)调整浏览器窗口的大小(宽度或高度)。2) 您再次访问该页面,或者该页面已刷新。这在所有浏览器中都会发生 编辑:某些滚动效果似乎已初始化,但在进入视口之前触发(因此您无法看到它) 示例视频: 如何复制: 例1: 例2: 注意:如果您希望多次复制该问题,则必须使用匿名页面访问该页面。如果它再次开始工作,请尝试使用新浏览器或新选项卡 受影响滚动的页面URL(大多数部分在“Web
- 如何复制:
- 例1:
- 例2:
- 禁用所有插件
- 使用股票主题
- 禁用页眉和页脚脚本注入
- 删除Elementor导航和页脚部分
- 搜索并替换http->https
- 从头开始重建页面(使用Elementor中制作的页面模板)
- 回滚Elementor版本
- 在实时服务器(从一开始)而不是本地环境上从头开始重建站点
- 禁用所有全局模板
- 删除所有自定义CSS和JS
- 对于有此问题的人,可以尝试此方法
如果您使用的是Windows 10。可能是您关闭了“在windows上显示动画”。
在Windows 10中,从设置
显示设置打开它。转到Jetpack插件中的Jetpack设置。转到“性能”选项卡。向下滚动页面并禁用“延迟加载”
找到Elementor的css文件frontend.min.css并删除css的这一部分:
@media (prefers-reduced-motion:reduce) {
.animated {
-webkit-animation: none;
animation: none
}
}
css的这一部分告诉浏览器,如果操作系统喜欢减少运动,则禁用动画,因此删除css的这一部分将强制在所有操作系统上显示动画。如果你想保留css的这一部分,并想在你想要的电脑上显示它,然后,您可以在该电脑上的“设置”中打开动画-要在Windows 10上打开动画,请转到“设置>易访问性>显示>简化和个性化窗口”,然后在Windows中打开“显示动画”。我也有同样的问题,但在我的情况下,它不适用于elementor的gallery
元素,否则运动效果会起作用好的,我认为它与gallery或它的一些css
有问题,我在一些与此相关的wordpress问题中遇到了红色,有人告诉我这是因为外部或内部空白/填充。我也有同样的问题。。。在文本div上启用运动效果。加载时,除非调整浏览器的大小,否则某些元素不会显示。我试图将效果设置为“无”,但它似乎一直在应用效果。