Tengo este código que muestra íconos sociales después de desplazarme hacia abajo, quiero que desaparezca cuando llegue a una clase específica y que vuelva a aparecer cuando me desplace hacia arriba.

 <script> var element=document.querySelector(".social-icons"); window.onscroll=function(){ var e=window.pageYOffset, t=document.querySelector(".social-icons"); window.innerWidth;e>200?t.classList.add("active"):t.classList.remove("active"); }; </script>