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