Onscroll işlevi, Chrome için çalışıyor

Question

Aşağıdaki kod Firefox tarayıcısı için çalışıyor. Ama krom değil. Aşağıdaki koddaki sorun nedir? Eğer callFn atama yaparken

document.onscroll = function() { console.log('Works in Chrome!'); };

Answer 1

, çalışıyor onscroll işleyici olarak.
Fonksiyonu çalıştırmak istemezsiniz, ona bir referans atamak istersiniz. Ayrıca, bir belgenin tümünün devam etmesi,veya document.body yerine window nesnesinde daha iyi bir tarayıcıya sahip gibi görünmektedir.

window.onscroll = Test.callFn; 

Answer 2

Sen () istemiyoruz: Eğer document.onscroll olay olay işleyicisi takmak eğer

window.onload = function() 
{ 
    document.body.onscroll = Test.callFn; 
} 

var Test = new function() 
{ 
    this.callFn = function() 
    { 
     console.log("Calling this function"); 
    } 
} 

Teşekkür

Chrome'da

Answer 3

Bugün benzer bir sorun yaşadım. html eleman onscroll niteliği sahip olduğunda o onscroll olay atamak Dolayısıyla en iyisi, ben body eleman onscroll niteliği sahip olduğunda krom onscroll olay çalıştığını fark

window.onload = function() 
{ 
    window.onscroll = function() 
    { 
     console.log("Calling this function"); 
    } 
} 

ama IE'de işe yarıyor: document.bodywindow için değiştirebilirsiniz window nesnesine dinleyici.

PS. Kaç piksel kaydettiğinizi kontrol etmek isterseniz, document.body.scrollTop yerine window.pageYOffset kullanın (yukarıda açıklandığı gibi krom ve IE ile aynı durum).

Answer 4

Muhtemelen sayfanızda, her deyimin farklı JS yöntemini çağıran iki window.onscroll ifadesi vardır. Dahil edilen dosyaları ve sayfa yüklemesindeki tüm yöntemleri kontrol edin.