Tengo el siguiente código:
<script>
let reached = false;
window.addEventListener('scroll', () => {
const scrollable = document.documentElement.scrollHeight - window.innerHeight;
const scrolled = window.scrollY;
if(!reached && Math.ceil(scrolled) >= Math.ceil(scrollable / 2)) {
reached = true;
alert("50%");
}
});
</script>
Lo que hace es producir una alerta que se muestra al scrollear hasta el 50% de la página. Lo que me gustaría poder hacer el cambiar el alert por un modal dentro del cual se encuentre un iframe, pero no estaría pudiendo dar con el código adecuado.
createElement()
de js eso sirve para crear elementos e insertarlos en el DOM, investiga, intenta y luego vuelves si tienes problemas o dudas