Question

我应用了此代码

function logoSwitch () {
  $('.altLogo').each(function() {
    $(this).css('top',
      $('.startLogo').offset().top -  $(this).closest('.row').offset().top
    );
  });
};

$(document).scroll(function() {logoSwitch();});

logoSwitch();

通过此网站

https://archillect-2.webflow.io/#7

但是我完全需要https://www.bornfight.com

滚动到另一个div时，请立即更改徽标和菜单，而不必等到要更改的确切位置。

我应该在其他地方应用该类（startlogo）吗？

谢谢

Answer 1

在Bornfight网站案例中，使用了midnight.js库。 https://aerolab.github.io/midnight.js/非常简单-检查文档。简而言之，它会创建您元素的克隆，并在您滚动通过它们时在这些实例之间切换。缺点是它使用jQuery。我们前一段时间在Bornfight开发了此插件的Vannilla JS版本，请随时检查以下内容：https://github.com/bornfight/flipswitch

滚动更改徽标颜色（JavaScript）

1 个答案: