if else o swich para añadir efecto

[prueba230683]

https://developer.mozilla.org/en-US/..._compatibility

window.scrollY no funciona en IE <= 11, mientras que window.pageYOffset funciona en todos los navegadores. Simplemente reemplaza uno por otro en el código del querido ArturoGallegos:

Código Javascript:

let position = 0;
window.addEventListener('scroll', function(){
  console.log(this.pageYOffset);
  if(this.pageYOffset < 1){
    document.getElementById('main-menu').classList.remove('bg');
  }else{
    document.getElementById('main-menu').classList.add('bg');
  }
  if(this.pageYOffset > 200 && this.pageYOffset > position){
    document.getElementById('main-menu').classList.add('hide');
  }else{
    document.getElementById('main-menu').classList.remove('hide');
  }
  position = this.pageYOffset;
})