Jquery Scroll Fonksiyonu Kullanımı
Javascript

Jquery Scroll Fonksiyonu Kullanımı

Merhaba arkadaÅŸlar. Bugün Jquery'nin scroll() fonksiyonunun kullanımına örnek vereceÄŸiz. Tahmin edebileceÄŸiniz üzere bu fonksiyon web sayfalarında bulunan kaydırma çubuklarıyla ilgili bir fonksiyondur. Bu fonksiyon ile ilgili küçük bir örnek yapacağız. Kaydırma çubuÄŸunu kaydırmaya çalıştığınızda ekrana bir uyarı çıkmasını saÄŸlayacağız. Bunun dışında fonksiyon ile neler yapabileceÄŸiniz tamamen sizin yaratıcılığınıza kalmıştır. Misal kaydırma çubuÄŸu kullanıldığında Ajax'la veri çekebilirsiniz. Bunun dışında sayfanın en üstüne çıkmak için bir buton çıkartabilirsiniz. DüÅŸündükçe aklınıza birçok ÅŸey gelecektir. Åžimdi kodlarımıza geçelim.

<img src="resimismi" style="height:2000px; width:2000px;"/>
Body etiketimizin içerisine bu kodumuzu yazdık. Bu resmi eklememizin tek amacı sayfanın uzun olması ve kaydırma çubuÄŸu çıkmasıdır. Åžimdi asıl iÅŸi yapan javascript kodumuza geçelim.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(window).scroll(function(){
alert("Bu bir uyarıdır.");
})
</script>
Jquery kütüphanemizi sayfamıza çektik ve scroll fonksiyonunu oluÅŸturup alert ile uyarı vermesini saÄŸladık. Gerisi sizin yaratıcılığınıza kalmıştır diyerek yazıma son noktayı koyuyorum. Sonraki makalelerde görüÅŸmek dileÄŸiyle...


author

Aykut ErdoÄŸan

jquery, scroll fonksiyonu, alert, javascript

  • Bu Yazılara da Gözat:

    0 Yorum

    Cevapla