Merhabalar.
Javascript ile sayfayı aşağı kaydırdığımızda bir div içerisindeki arkaplanın silinerek %0 opacity'e ulaşmasını istiyoruz. Bunu nasıl yapabiliriz?
Teşekkürler.
Sayfa Aşağı Kaydırdığımızda Silinerek Kaybolan Arkaplan |
3 Mesajlar | 1.100 Okunma | ||
Toplam 3 mesaj ve 1.100 görüntüleme
- Üyelik 09.11.2013
- Yaş/Cinsiyet 35 / E
- Meslek Dijital Amele
- Konum İstanbul Avrupa
- Ad Soyad E** K**
- Mesajlar 96
- Beğeniler 17 / 18
- Ticaret 0, (%0)
- Üyelik 23.11.2015
- Yaş/Cinsiyet 31 / E
- Meslek Front-End Developer
- Konum Bursa
- Ad Soyad N** K**
- Mesajlar 311
- Beğeniler 8 / 81
- Ticaret 0, (%0)
Bir projemde kullanmıştım, aşağıdaki kodları kendinize göre düzenleyip siz de kullanabilirsiniz.
var fadeStart=0,
fadeUntil=2500,
fading = $('#frontpage');
$(window).bind('scroll', function(){
var offset = $(document).scrollTop(),
opacity=0;
if ( offset<=fadeStart ){
opacity=1;
} else if( offset<=fadeUntil ){
opacity=1-offset/fadeUntil;
}
fading.css('opacity',opacity);
});- Üyelik 09.11.2013
- Yaş/Cinsiyet 35 / E
- Meslek Dijital Amele
- Konum İstanbul Avrupa
- Ad Soyad E** K**
- Mesajlar 96
- Beğeniler 17 / 18
- Ticaret 0, (%0)
Teşekkürler deneyeceğim yarın. :)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)