Question

大家。得到了WORDPRESS + DIVI主题。

我写了一个脚本给SWAP LOGOS ON SCROLL。这是：

<script>
jQuery(function($) {
 $(document).scroll(function() {
   if($('#main-header').hasClass('et-fixed-header')) {
      $('#logo').attr('src','SECOND_LOGO_IMAGE');
   }
   else {
      $('#logo').attr('src','FIRST_LOGO_IMAGE');
   }
 });
});
</script>

有效！而且我很高兴。

所以我想在页面开始加载之前加载它以防止FIRST_LOGO_IMAGE在页面上显示然后它在网站中间重新加载。

每次重新加载页面时，我都会在开始滚动之前获得FIRST_LOGO_IMAGE。

可能，我不需要在SCROLL上更改徽标，我只需要将它们交换，然后将#main-header更改类改为#et-fixed-header并返回。

Answer 1

我想说你需要添加一个CSS规则，如：

.et-fixed-header {
background: url(new-image-url); }

从我看到的只有当你向下滚动一个页面时才添加固定类，所以即使你在中间加载一个页面，该类也应该被附加，并且一旦在CSS中设置你的新标题。

如何在页面开始加载之前运行jQuery脚本

1 个答案: