Si quiero usar este comando de JavaScript:
window.scrollBy(0,50);Se desplaza 50px hacia abajo en la página.
¿Hay un equivalente simple para desplazarse 50vh hacia abajo en la página? esto no funciona
window.scrollBy(0,50vh);Vi esta pregunta aquí, pero ¿hay una forma más sencilla de hacerlo?
Puedes dividir window.innerHeight por 2
window.scrollBy(0, window.innerHeight / 2);scrollBy solo acepta valores en píxeles.
1vh = 1/100 altura de la ventana gráfica. Así que puedes calcularlo manualmente.
window.scrollBy(0, valueInVh * window.innerHeight/100);AFAIK, las API DOM de JavaScript solo le dan valores de píxeles. Si desea "50vh" en píxeles, puede calcularlo usted mismo fácilmente:
// height in pixel const height = window.innerHeight; const vhPixels = height * 0.5 window.scrollBy(0, vhPixels);