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