का पता लगाने जब स्क्रॉल [jQuery के बिना]

Question

मैं जब स्क्रॉल पृष्ठ के नीचे, इस तरह पहुंचता है कुछ सचेत करना चाहते हैं पृष्ठ के निचले भाग तक पहुँच जाता है:

$(function(){ 
    $(document).scroll(function() { 
    if($(document).scrollTop() == 0) alert("top"); 
    }) 
}) 

लेकिन jQuery के बिना, और सतर्क जब तक पहुँचता है तल।

Answer 1

document.onscroll = function() { 
    if(!document.body.scrollTop){ 
     alert('top'); 
    } 
} 

JSFiddle demo

Answer 2

if(window.addEventListener){ 
    window.addEventListener('scroll',scroll) 
}else if(window.attachEvent){ 
    window.attachEvent('onscroll',scroll); 
} 

function scroll(ev){ 
    var st = Math.max(document.documentElement.scrollTop,document.body.scrollTop); 
    if(!st){ 
      console.log('top'); 
    }else if((st+document.documentElement.clientHeight)>=document.documentElement.scrollHeight){ 
      console.log('bottom'); 
    } 
} 

उदाहरण: http://jsfiddle.net/ampersand/AEnzJ/

क्रोम 17/18, सफारी 5 में, अर्थात http://browserling.com के साथ परीक्षण किया एफएफ 10/11,0 7-9

Answer 3

function addEvent(node, type, callback) { 
    if('addEventListener' in node) { 
     node.addEventListener(type, callback, false); 
    } else { 
     node.attachEvent('on' + type, callback); 
    } 
} 

addEvent(window, 'scroll', (function() { 
    // https://developer.mozilla.org/en/DOM/window.scrollY#Notes 
    var stObj, stProp; 
    if('scrollY' in window) { // CSSOM: 
     // http://www.w3.org/TR/cssom-view/#extensions-to-the-window-interface 
     stObj = window; 
     stProp = 'scrollY'; 
    } else if('pageYOffset' in window) { // CSSOM too 
     stObj = window; 
     stProp = 'pageYOffset'; 
    } else { 
     stObj = document.documentElement.clientHeight ? 
      document.documentElement : document.body; 
     stProp = 'scrollTop'; 
    } 

    var node = document.documentElement.clientHeight ? 
     document.documentElement : 
     document.body; // let's assume it is IE in quirks mode 
    var lastSt = -1; 
    return function(e) { 
     if(lastSt !== stObj[ stProp ] && // IE <= 8 fires twice 
      node.scrollHeight === stObj[ stProp ] + node.clientHeight) { 
      alert('bottom'); 
     } 
     lastSt = stObj[ stProp ]; 
    }; 
})()); 

यह सफलतापूर्वक फ़ायरफ़ॉक्स 11, क्रोम 17, आईई 9 (एक्स-यूए-संगत: 8, 7, 5) और ओपेरा 11.60।

Answer 4

document.addEventListener('scroll', function (event) { 
    if (document.body.scrollHeight == 
     document.body.scrollTop +   
     window.innerHeight) { 
     alert("Bottom!"); 
    } 
}); 

यहाँ JSFiddle: http://jsfiddle.net/cSer6/

Answer 5

यह आईई

document.onscroll = function() { 
    if(document.documentElement.scrollTop + window.innerHeight == document.documentElement.scrollHeight) 
    { 
     alert('bottom'); 
    } 
} 

http://jsfiddle.net/cSer6/46/