"/>"/>
Yazılım Dilleri
Asp.Net 4.5 Kitabı
Skip Navigation Links

JQuery Scroll Fonksiyonu

Bu makalemizde jQuery ile Browser Eventlarından scroll() eventını inceleyeceğiz.

 Bu makalemizde jQuery ile Browser Eventlarından scroll() eventını inceleyeceğiz.

 
Konuyu bir örnekleme ile anlatmak istersek, en basit örnek browserda scroll varken hareket ettirdiğimizde uyarı vermesi. Browserda scrollu her hareket ettirdiğimizde ekranda uyarı mesajı çıkmasını sağlayan yazdıran bir örnekle scroll eventını inceleyelim.
 
 
 
<html>
            <head>
              <script src="jquery-1.5.1.js"></script>
              <script>
                        $(window).scroll(function () {
                          alert("Sayfa Kaydırıldı");
                        })
                        </script>
            </head>
            <body>
                        <img src="resim.jpg" style="width:2000px;height:2000px"/>
            </body>
</html>
 
Sonuç olarak scroll her hareket ettiğinde  
Sayfa Kaydırıldı
yazacaktır.
 
 
Bu uyarılar yerine başka işlemler de getirilebilir. Örneğin scroll kayması sırasında görünürdeki yeri değişmeyecek elemanların bulunduğu koordinatlar düzenlenebilir.
 
 
 
Veysel Uğur KIZMAZ
Bilgisayar Mühendisi
 
 

Yorumlar (0)

Yorum Yap

Mail listesine katılmak için tıklayınız

Hakkımdaki son bilgilere anlık erişmek için mail listesine katılabilirsiniz.