Tengo una ventana emergente configurada para mostrar una vez que el usuario se desplaza a una sección específica en mi página, sin embargo, si vuelvo a cargar la página, la página no se desplaza hasta la parte superior, lo que activa inmediatamente la ventana emergente nuevamente al actualizar.

¿Hay algún condicional que pueda usar para asegurarme de que esta ventana emergente se muestre solo cuando el usuario comienza desde la parte superior de la página? No me gusta la forma en que se muestra automáticamente en una actualización si el scrollY ya pasó la sección dada.

 const section = document.querySelector('#section-1'); const card = document.querySelector('#card-popup'); const closebtn = document.querySelector('#close-popup'); let flag = false; const cardPop = ()=>{ const topOfSection = section.offsetTop; console.log(topOfSection); if (window.scrollY >= topOfSection && !flag) { card.style.display = "block"; flag = true; } closebtn.addEventListener('click', (e) =>{ card.style.display = "none"; }); } window.addEventListener('scroll', cardPop);