更改Navbar-logo onScroll的不透明度

Question

我想创建一个导航栏，将其滚动的徽标的不透明度更改为超过50像素，我已经在JS中编写了一些代码，但是它不起作用，我也已经在anime.js中制作了动画，该动画有效，但是不会触发50px，您能帮忙吗？

//animation in animejs
var LogoScroll = anime({
      targets: '.Logo',
      autoplay: false,
      opacity: 0,
      duration: 400,
      easing: 'cubicBezier(.75,.09,.65,.84)',
    });
    
    
// code that doesn't work
window.onscroll = function LogoChange() {
      var scroll = window.scrollTop;
      if (scroll > 100) {
          LogoScroll.play();
      } else {
        LogoScroll.reverse();
      }
    }

Answer 1

尝试此代码。

我已经使用jQuery实现了。

 $(window).scroll(function () {
      var scroll = $(window).scrollTop();
       if (scroll > 100) { 
             LogoScroll.play(); 
       } else {
             LogoScroll.reverse(); 
      } });