javascript - Elementor - 滚动“运动效果”在调整窗口大小之前不起作用

Question

我对某些图像有滚动效果，一些放大，使用水平、垂直滚动和其他一些效果。除非发生以下两种情况之一，否则滚动动作不会被初始化： 1) 调整浏览器窗口的大小（宽度或高度）。2）您再次访问该页面或它已刷新。这发生在所有浏览器中。

编辑：一些滚动效果似乎已初始化，但在它进入视口之前触发（因此你看不到它）。

示例视频：

• 如何复制：https ://www.youtube.com/watch?v=U9vlteH691U
• 示例 1：https ://www.youtube.com/watch?v=a9YGIkgRF_Q
• 示例 2：https ://www.youtube.com/watch?v=JgSKObKfVOU

注意：如果您希望多次复制问题，则必须访问带有隐身页面的页面。如果它再次开始工作，请尝试使用新浏览器或新标签。

影响滚动的页面 URL（大多数部分位于“网页设计”下）：

https://rory-dwyer.com/hk-electrical-engineers/ - 笔记本电脑、电话和网站截图部分

https://rory-dwyer.com/simpliii/ - 在品牌元素和视频之间

https://rory-dwyer.com/bridge-city-ballroom-dance/ - 手机入口动画，网站截图

https://rory-dwyer.com/jgarloff-design/ - 电脑、手机和网站截图

https://rory-dwyer.com/apo11o/ - 网页设计下的手机

我尝试过的事情：

• 禁用所有插件
• 使用股票主题
• 禁用页眉和页脚脚本注入
• 删除 Elementor 导航和页脚部分
• 搜索并替换 http -> https
• 从头开始重建页面（使用在 Elementor 中制作的页面模板）
• 回滚 Elementor 版本
• 在实时服务器（从头开始）而不是本地环境上从头开始重建站点
• 禁用所有全局模板
• 删除所有自定义 CSS 和 JS

标签： javascripthtmlcsswordpresselementor

Answer 1

转到 Jetpack 插件中的 Jetpack 设置。转到性能选项卡。向下滚动页面并禁用“延迟加载”

Jetpack 插件中禁用“延迟加载”的图像。