¿Cómo puedo usar jQuery para ingresar una propiedad vh en lugar de px para desplazar la navegación? - jquery, css, viewport-units

Estoy intentando crear un navegador que se desvanece después de 100vh, pero solo puedo encontrar un ejemplo que use un px valor en lugar de vh. ¿Hay una manera de devolver un valor de altura de ventana en jQuery para lograr esto? Gracias de antemano <3

En lugar de 860px, necesito que sea equivalente a 100vh, o equivalente a la altura de la ventana de visualización

      (function($) {
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 860) {
$("#navbar").fadeIn(200);
} else {
$("#navbar").fadeOut(200);
}
});
});
})(jQuery);

Respuestas

No, no es posible. Pero vh se define como la altura porcentual de la ventana gráfica. Para que pueda obtener la altura de la ventana gráfica:

$(window).height();

Devolverá 860 px (en su ejemplo), luego lo dividirá por 100 y tendrá cuántos píxeles representan 1 unidad por unidad.

var viewportHeight = $(window).height(); // == 100vh
(function($) {
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > viewportHeight) {
$("#navbar").fadeIn(200);
} else {
$("#navbar").fadeOut(200);
}
});
});
})(jQuery);