Slide Down a Bar on Scroll Örneğinde Yüksekliği 100vh Nasıl Veririm?

Nasıl başlık atacağımı bilemedim, kusura bakmayın

Bir web sitesi tasarlıyorum ve sitenin tepesinde width: 100% ve height: 100vh değerlerine sahip bir karşılama alanı olacak. Bu alanı geçtiğimde ise BURADAKİ ÖRNEK GİBİ bir menü eklemek istiyorum. Örnekte değer PX cinsinden giriliyor fakat benim yüksekliğim kişinin ekranına göre değiştiği için sabit bir rakam veremiyorum. Örnekteki kodlar ise sadece PX kabul ediyor sanırım. 100vh girince çalışmadı.

Acaba bunu nasıl halledebilirim?

Mantığını yazayım, çözemezsen 1 2 saate pc başına geçtiğimde kod atayım.
div'in height değerini alacaksın. özetle kurman gereken denklem şu, sayfa div.height() değeri kadar scroll edilirse şunu yap şeklinde olmalı.

Evet hocam aşağıdaki linki buldum fakat uyarlayamadım maalesef. Müsait olunca bakabilirseniz sevinirim.

https://www.r10.net/javascript-progr...i-ogrenme.html

Al hacı -> https://jsfiddle.net/OnurAKSOY/b0ekoznq/
gitHub -> https://github.com/OASRV/jsTrick/blo...geNtopnav.html
Bu oluşturur kafanda CSS'e visible ekleyebilirsin, transition vs ekleyebilirsin daha efektif görünüm sağlayabilirsin.

Vaktinizi ayırdığınız için teşekkür ederim hocam.