• 13-04-2017, 21:06:08
    #1
    Merhaba,

    Aşağıdaki kodu kullandığımda, scroll aşağı indiğinde div'i gizleyebiliyorum ama scroll tekrar 0 konumuna geldiğinde bunu nasıl tekrar gösterebilirim bilmiyorum. Yardımcı olabilirmisiniz?

    <script> 
     $(window).scroll(function(){ 
     $(".main-nav").hide(600); 
     })
  • 13-04-2017, 22:33:04
    #2
    Merhaba,
    Öncelikle her scroll fonksiyonu tetiklendiğinde-çalıştırıldığında anlık olarak scrollTop fonksiyonu ile kaydırma miktarını alıp ona göre işlem yapmanız gerekiyor.

    Bunu scroll metodu içine yazarsanız. Anlık kaydırma miktarını height değişkenine saklar.
    height = $(this).scrollTop();
    Daha sonra if koşulu ile örneğin 50 den fazlaysa göster değilse sakla vs. yapabilirsiniz.

    Yapmış olduğum örnek;
    http://codepen.io/anon/pen/aWzdqm

    Hayırlı günler dilerim.

    Leas adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    Aşağıdaki kodu kullandığımda, scroll aşağı indiğinde div'i gizleyebiliyorum ama scroll tekrar 0 konumuna geldiğinde bunu nasıl tekrar gösterebilirim bilmiyorum. Yardımcı olabilirmisiniz?

    <script> 
     $(window).scroll(function(){ 
     $(".main-nav").hide(600); 
     })
  • 13-04-2017, 23:29:27
    #3
    seogrenci adlı üyeden alıntı: mesajı görüntüle
    Merhaba,
    Öncelikle her scroll fonksiyonu tetiklendiğinde-çalıştırıldığında anlık olarak scrollTop fonksiyonu ile kaydırma miktarını alıp ona göre işlem yapmanız gerekiyor.

    Bunu scroll metodu içine yazarsanız. Anlık kaydırma miktarını height değişkenine saklar.
    height = $(this).scrollTop();
    Daha sonra if koşulu ile örneğin 50 den fazlaysa göster değilse sakla vs. yapabilirsiniz.

    Yapmış olduğum örnek;
    http://codepen.io/anon/pen/aWzdqm

    Hayırlı günler dilerim.
    Çok teşekkür ederim. İyi geceler.