"Aşağı kaydır" olayını yakalama?

Question

Çok basit bir web sayfası tasarlıyorum (sadece HTML), uygulamak istediğim tek "özellik", kullanıcı sayfayı aşağı kaydırdığında bir şey yapmaktır, "olay" ı bir şekilde yakalamanın bir yolu var mıdır?

Answer 1

, başka JS çerçevesini (Mootools)

window.addEvent('scroll',function(e) { 
    //do stuff 
}); 

Answer 2

Sadece HTML ile yapamazsınız, Javascript kullanmanız gerekir. İstediğiniz veya jQuery kullanmak mümkün değildir yoksa, sen Anthony tarafından yayınlanmıştır onscroll çözümü kullanabilirsiniz

$(document).ready(function() { 
    $(window).scroll(function() { 
     // do whatever you need here. 
    }); 
}); 

: çözüm şöyle olabilir bu yüzden, jQuery kullanılması önerilir. Eğer (eğer çok basit bir HTML sayfası için ne olmayabilir) jQuery kullanmak istemiyorsanız

Answer 3

, bu kullanarak düzenli JavaScript başarabilirsiniz:

<script> 
function scrollFunction() { 
    // do your stuff here; 
} 

window.onscroll = scrollFunction; 
</script> 

Sen bir şey yapmak istedim bahsettiniz

'u sayfasından aşağı kaydırdıklarında - onscroll olayı, x veya y ekseninde herhangi bir yönde kaydırmayı durdurur, böylece işleviniz, kaydırdıklarında çağrılır. Gerçekten, sayfa aşağı kaydırıldığında sadece kodunuzu çalıştırmak istiyorsanız

, sen onscroll çağrılan her karşılaştırmak için önceki kaydırma konumunu korumak gerekiyordu. Sadece şeyiyle

Answer 4

Daha iyi bir yol kaydırma olayları için değil, aynı zamanda aşağıda gibi kaydırma yönünde kontrol etmek için değil sadece kullanarak başka çözüm var;

$(window).bind('mousewheel', function(event) { 
if (event.originalEvent.wheelDelta >= 0) { 
    console.log('Scroll up'); 
} 
else { 
    console.log('Scroll down'); 
} 
}); 

Answer 5

Bu benim için çalışır.

var previousPosition 

$(window).scroll(function(){ 
    var currentScrollPosition=$(window).scrollTop() + $(window).height() 
    if (currentScrollPosition>previousScrollPosition) { 
    console.log('down') 
    }else if(currentScrollPosition<previousScrollPosition){ 
    console.log('up') 
    } 
    previousScrollPosition=currentScrollPosition 
});