Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Elementor-滚动“;“运动效果”;在调整窗口大小之前不工作_Javascript_Html_Css_Wordpress_Elementor - Fatal编程技术网

Javascript Elementor-滚动“;“运动效果”;在调整窗口大小之前不工作

Javascript Elementor-滚动“;“运动效果”;在调整窗口大小之前不工作,javascript,html,css,wordpress,elementor,Javascript,Html,Css,Wordpress,Elementor,我对某些图像有滚动效果,有些放大,使用水平、垂直滚动和一些其他效果。除非发生以下两种情况之一,否则滚动运动不会初始化:1)调整浏览器窗口的大小(宽度或高度)。2) 您再次访问该页面,或者该页面已刷新。这在所有浏览器中都会发生 编辑:某些滚动效果似乎已初始化,但在进入视口之前触发(因此您无法看到它) 示例视频: 如何复制: 例1: 例2: 注意:如果您希望多次复制该问题,则必须使用匿名页面访问该页面。如果它再次开始工作,请尝试使用新浏览器或新选项卡 受影响滚动的页面URL(大多数部分在“Web

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

编辑:某些滚动效果似乎已初始化,但在进入视口之前触发(因此您无法看到它)

示例视频:

  • 如何复制:
  • 例1:
  • 例2:
注意:如果您希望多次复制该问题,则必须使用匿名页面访问该页面。如果它再次开始工作,请尝试使用新浏览器或新选项卡

受影响滚动的页面URL(大多数部分在“Web设计”下):

-带笔记本电脑、电话和网站截图的部分

-在品牌元素和视频之间

-手机入口动画、网站截图

-电脑、电话和网站截图

-网络设计下的手机

我尝试过的事情:

  • 禁用所有插件
  • 使用股票主题
  • 禁用页眉和页脚脚本注入
  • 删除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上启用运动效果。加载时,除非调整浏览器的大小,否则某些元素不会显示。我试图将效果设置为“无”,但它似乎一直在应用效果。