CSS sorusu - yardımcı olabilecek var mı?

Merhabalar, bir css koduna ihtiyacım var ama internette bunu nasıl soracağımı bilmiyorum, yardımcı olabilir misiniz.
Soru:

Ekrana sabit sticky bir alanım var, sitenin en altına gittiğinde bu alanın kaybolmasını istiyorum. "css div selector hide element" gibi terimler ile arama yaptım ama istediğim sonuca ulaşamadım.

gizlenmesini istediğim css: ".add-to-contact-section"
gizlenmesini istediğim yerin css: ".contact-us-section"

bu yardımcı olur mu?: https://stackoverflow.com/questions/...v-class-in-css şuan test edemiyorum

css değilde javascript yazacaksın hocam scrool sona geldiğinde gizle diyeceksin

document.addEventListener("DOMContentLoaded", function() {
window.addEventListener("scroll", function() {
var addToContactSection = document.getElementById("add-to-contact-section");
var distanceFromTop = addToContactSection.getBoundingClientRect().top;
var windowHeight = window.innerHeight;

if (distanceFromTop < windowHeight) {
addToContactSection.style.display = "none";
} else {
addToContactSection.style.display = "block";
}
});
});

Bu kodu dener misin?

teşekkür ederim, destekleriniz için ve emeğiniz için, @akatriel; hocam olmadı kod sağolun yine de emeğiniz için teşekkürler. Sorunu farklı bir şekilde basit olarak çözüm, asıl sorunum sticky'nin footer'da iletişim formunun üstüne gelmesiydi. Footer kısmının z-indexini 2 yaptım, ve margin-bottom ile aşağıya boşluk verdim, verdim z index ile o alana geldiğinde arkasında kaldığı için görünmüyor artık, en aşağıya kaydırdığında sticky iletişim formunu margin bottom ile geçtiği için tekrar görünür oldu. Bu benim işimi hayli hayli çözecektir.