v2.5.2
Giriş yap

scroll asagiya inince nesnenin fixed olmasi

ferid244
397 defa görüntülendi

merhaba hocam soyle sorum olucak header menum var scroolu 100px asagiya cektikten sonra onun fixed olmasini istiyorum

Cevap yaz
Cevaplar (1)
mrtkcky
1152 gün önce

Merhabalar,

Öncelikle scroll yaptıktan sonra fixed olacak bölüme bir class verin, örn: "fixedclass"

<script>
    $("document").ready(function (a) {
        var n = a(".fixedclass");
        a(window).scroll(function () {
            a(this).scrollTop() > 125 ? n.addClass("scrolled") : n.removeClass("scrolled");
        });
    });
</script>

ardından CSS tarafında "scrolled" diye bir class için fixed tanımlaması yapın. Yukarıda eklediğim JS kodu, sayfa scroll yapıldığı zaman "fixedclass"ına "scrolled" classını eklemekte ve bu sayede fixed olmakta. Ancak tekrar yukarı çıkıldığı zaman "scrolled" classı silinmekte ve eski haline dönmekte.

Saygılarımla