Css Position Fixed
-
Şimdi position fixed ile istediğim bir divi sabit bir yerde durdurabiliyorum. Benim istediğim aşağıda şöyle. Side barda aşağılara bir div ekleyeceğim. Sayfa aşağı doğru geldiğinde o div görünene kadar sabid duracak ama o divden aşağı gelince o divde aşağı kayacak.
Nasıl yapabilirim bunu örnek bir tablo çizem
-
JQUERY
$(window).scroll(function(){ if ($(window).scrollTop() >= SabitYukseklik) { $('#SabitlenecekDivID').addClass('fixed'); } else { $('#SabitlenecekDivID').removeClass('fixed'); } });CSS
.fixed{ position: fixed; top: 0px; }
Şeklinde yaparsın abi , Çözemezsen saat 4 de finalim var çıkışta bakalım
-
şunu html taglarına oturtup yukleyebilirmisin.
div komutlarıda olsun içinde
-
https://jsfiddle.net/xvm3m05h/
-
https://jsfiddle.net/xvm3m05h/1/
güncelledim böyle daha anlaşılır
-
<!DOCTYPE html> <html> <style> .fixed { position: fixed; top:0; left:0; width: 100%; } #Sabitlenecek { width:700px; height:50px; background:orange; </style> <script> $(window).scroll(function(){ if ($(window).scrollTop() >= 200) { $('#Sabitlenecek').addClass('fixed'); } else { $('#Sabitlenecek').removeClass('fixed'); } }); </script> <body> <div class="Icerik"> <div style="height:200px"> </div> <div id="Sabitlenecek">SabitlenecekDiv</div> </div> dsdsdszb<br> dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br> dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br>dsdsdszb<br> </body> </html>
Böyle ekliyorum olmuyor.
-
olması gerekiyor document.ready içine alırmısın scrool fonksiyonunu
-
x-files bunu yazdıSabitlenecekDiv
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszbBöyle ekliyorum olmuyor.
jquery kütüphanesini ekle hocam
-
acemi-webci bunu yazdıx-files bunu yazdıSabitlenecekDiv
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszb
dsdsdszbBöyle ekliyorum olmuyor.
jquery kütüphanesini ekle hocam
Ekledim de tam oturtamadım. Biri wordprese ekleyebilir mi bunu