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.