scroll asagiya inince nesnenin fixed olmasi
merhaba hocam soyle sorum olucak header menum var scroolu 100px asagiya cektikten sonra onun fixed olmasini istiyorum
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
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