22. Gün – jQuery Dersi 22

Yirmi İkinci jQuery dersimizde aşağıdakileri öğrendik;
– jQuery scroll Metodu
– jQuery scrollTop Metodu
– jQuery scrollLeft Metodu

Scroll Metodu Kullanımı;

$(window).scroll(function(){
	$("body").append("Scroll Hareket Etti!");
});

scrollTop Metodu Kullanımı;

var i = 0;
$("button#asagi").click(function(){
	$(window).scrollTop(i += 50)
;})

scrollLeft Metodu Kullanımı;

var i = 0;
$("button#saga").click(function(){
	$(window).scrollLeft(i += 50);
})

Demoyu İnceleyin;
http://www.prototurk.com/demo/jquery-ders-22/index.html

Kaynak Dosyaları İndirin;
http://yadi.sk/d/0fKfC4G30UbPL

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“22. Gün – jQuery Dersi 22” üzerine 7 yorum

  1. jqueryde eklenti yazmayı göstercektin tayfun, biara müsait olursan eklenti derslerinide bekliyoruz.
    Şu ana kadarki bilgiler için emegine,bilgine,agzına saglık 😀

  2. merhaba hocam ben dersteki uygulamayı kendi siteme entegre etmeye çalıştım ancak garip bir sorun oluştu..scroll'u aşağı doğru çekerken evet menü de aşağı geliyor ancak window yani ekran hep sitenin sabit noktasını gösteriyor ve aşağı doğru indikçe kaydırma çubuğu küçülüyor ancak sitenin alt kısmını görüntüleyemiyorum…bunun sebebi ne olabilir acaba?? yardımcı olursanız sevinirim..

  3. Merhaba @çağatay cengiz,
    Bir demo adresi verirseniz inceleyip size sorunu söyleyebilirim, bu şekilde anlama ihtimalim hiç yok 🙂

  4. Merhaba Tayfun Erbilen

    PhP Website kodlama videoları varmı , yoksa yapacakmısınız?

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir