Jquery ile Aşağı İndikçe Logo Değiştirme Nasıl Yapılıyor?

07-08-2014, 16:34:18

Eposta Aktivasyonu Gerekmekte

Merhabalar;

Öncelikle konuyu Jquery ile yapılabileceğini düşündüğüm için buraya açıyorum. Öğrenmek istediğim şey ise onedio.com'un iç sayfalarında olduğu gibi (http://onedio.com/haber/ataturk-hava...duruldu-347974) sayfada aşağı inince logonun değişme işleminin nasıl yapıldığı.

Logo

iken aşağı inince

oluyor.

Nasıl oluyor?

09-08-2014, 01:18:10

#2

Stinson

Aynısından bana da lazım.

takipteyim

09-08-2014, 01:32:45

#3

~~GlobalYazilim~~

Üyeliği durduruldu

<div id="d1">bir</div>
<div id="d2">iki</div>
<div id="d3">üç</div>
<div id="d4">dört</div>
<div id="d5">beş</div>

$(window).scroll(function() {
    $("div").each( function() {
        if( $(window).scrollTop() > $(this).offset().top - 100 ) {
            $(this).css('opacity',1);
        } else {
            $(this).css('opacity',0);
        }
    }); 
});

09-08-2014, 12:19:50

#4

ArMoR

GlobalYazilim adlı üyeden alıntı: mesajı görüntüle

<div id="d1">bir</div>
<div id="d2">iki</div>
<div id="d3">üç</div>
<div id="d4">dört</div>
<div id="d5">beş</div>

$(window).scroll(function() {
    $("div").each( function() {
        if( $(window).scrollTop() > $(this).offset().top - 100 ) {
            $(this).css('opacity',1);
        } else {
            $(this).css('opacity',0);
        }
    }); 
});

Hocam offset().top padding-margin-border gibi etkenleride işin içine katıyor mu ?

Drek bunu yazdığımızda padding-top - margin-top ve border uygulanmış elementin en üst noktasını veriyor mu acaba ?

Paylaşımınız içinde ayrıca teşekkürler sizin gibi karşılıksız paylaşımcı insanların sayısı cidden az Sağolun....

09-08-2014, 13:55:33

#5

~~GlobalYazilim~~

Üyeliği durduruldu

hocam bu sadece bir örnek bu şekildede yapılabilir 2 adet div koyulup display none block şeklindede çalışılabilir