Css Position Fixed

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Bektas
    x-files
    x-files's avatar
    Kayıt Tarihi: 06/Eylül/2005
    Erkek

    Ş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


    //Hayat Bazen Tatlıdır//--//Aşıksan vur saza şoförsen bas gaza// https://zulfumehmet.com/ Kişisel bir olay
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    MhmdAlmz
    MhmdAlmz's avatar
    Kayıt Tarihi: 09/Ağustos/2015
    Erkek
    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

     

    MhmdAlmz tarafından 17/May/17 13:37 tarihinde düzenlenmiştir

    Andolsun kuşluk vaktine ve dindiği zaman o geceye ki, Rabbin sana veda etmedi ve darılmadı! Ve kesinlikle senin için sonu önünden (ahiret dünyadan) daha hayırlıdır. ileride Rabbin sana verecek de hoşnut olacaksın! O, seni bir yetim iken barındırmadı mı? Seni, yol bilmez iken (doğru) yola koymadı mı? Seni bir yoksul iken zengin etmedi mi? Öyle ise, sakın yetime kahretme (onu horlama)! El açıp isteyeni de azarlama! Fakat Rabbinin nimetini anlat da anlat!
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Bektas
    x-files
    x-files's avatar
    Kayıt Tarihi: 06/Eylül/2005
    Erkek

    şunu html taglarına oturtup yukleyebilirmisin.

    div komutlarıda olsun içinde 


    //Hayat Bazen Tatlıdır//--//Aşıksan vur saza şoförsen bas gaza// https://zulfumehmet.com/ Kişisel bir olay
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    MhmdAlmz
    MhmdAlmz's avatar
    Kayıt Tarihi: 09/Ağustos/2015
    Erkek

    https://jsfiddle.net/xvm3m05h/


    Andolsun kuşluk vaktine ve dindiği zaman o geceye ki, Rabbin sana veda etmedi ve darılmadı! Ve kesinlikle senin için sonu önünden (ahiret dünyadan) daha hayırlıdır. ileride Rabbin sana verecek de hoşnut olacaksın! O, seni bir yetim iken barındırmadı mı? Seni, yol bilmez iken (doğru) yola koymadı mı? Seni bir yoksul iken zengin etmedi mi? Öyle ise, sakın yetime kahretme (onu horlama)! El açıp isteyeni de azarlama! Fakat Rabbinin nimetini anlat da anlat!
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    MhmdAlmz
    MhmdAlmz's avatar
    Kayıt Tarihi: 09/Ağustos/2015
    Erkek

    https://jsfiddle.net/xvm3m05h/1/ 

    güncelledim böyle daha anlaşılır


    Andolsun kuşluk vaktine ve dindiği zaman o geceye ki, Rabbin sana veda etmedi ve darılmadı! Ve kesinlikle senin için sonu önünden (ahiret dünyadan) daha hayırlıdır. ileride Rabbin sana verecek de hoşnut olacaksın! O, seni bir yetim iken barındırmadı mı? Seni, yol bilmez iken (doğru) yola koymadı mı? Seni bir yoksul iken zengin etmedi mi? Öyle ise, sakın yetime kahretme (onu horlama)! El açıp isteyeni de azarlama! Fakat Rabbinin nimetini anlat da anlat!
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Bektas
    x-files
    x-files's avatar
    Kayıt Tarihi: 06/Eylül/2005
    Erkek
    <!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.


    //Hayat Bazen Tatlıdır//--//Aşıksan vur saza şoförsen bas gaza// https://zulfumehmet.com/ Kişisel bir olay
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    MhmdAlmz
    MhmdAlmz's avatar
    Kayıt Tarihi: 09/Ağustos/2015
    Erkek

    olması gerekiyor document.ready içine alırmısın scrool fonksiyonunu


    Andolsun kuşluk vaktine ve dindiği zaman o geceye ki, Rabbin sana veda etmedi ve darılmadı! Ve kesinlikle senin için sonu önünden (ahiret dünyadan) daha hayırlıdır. ileride Rabbin sana verecek de hoşnut olacaksın! O, seni bir yetim iken barındırmadı mı? Seni, yol bilmez iken (doğru) yola koymadı mı? Seni bir yoksul iken zengin etmedi mi? Öyle ise, sakın yetime kahretme (onu horlama)! El açıp isteyeni de azarlama! Fakat Rabbinin nimetini anlat da anlat!
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    acemi-webci
    acemi-webci's avatar
    Kayıt Tarihi: 11/Haziran/2008
    Erkek
    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
    dsdsdszb

    Böyle ekliyorum olmuyor.

    jquery kütüphanesini ekle hocam


    ...
  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Bektas
    x-files
    x-files's avatar
    Kayıt Tarihi: 06/Eylül/2005
    Erkek
    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
    dsdsdszb

    Böyle ekliyorum olmuyor.

    jquery kütüphanesini ekle hocam

    Ekledim de tam oturtamadım. Biri wordprese ekleyebilir mi bunu


    //Hayat Bazen Tatlıdır//--//Aşıksan vur saza şoförsen bas gaza// https://zulfumehmet.com/ Kişisel bir olay
Toplam Hit: 950 Toplam Mesaj: 9
div