Search code examples
javascripthtmlcssdhtml

Detecting and acting on scroll to bottom of page event


http://dabbler.org/home/asdf/scrolling/test.html

Does anyone see anything wrong with this code?

I can't figure out what is wrong with it, but my intentions are such that when the user hits the bottom of the page, the page scrolls to the top.

Thanks.


Solution

  • You missed a closing parenthesis:

    function getheight() {
        var myWidth = 0,
            myHeight = 0;
        if (typeof (window.innerWidth) == 'number') {
            //Non-IE
            myWidth = window.innerWidth;
            myHeight = window.innerHeight;
        } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
            //IE 6+ in 'standards compliant mode'
            myWidth = document.documentElement.clientWidth;
            myHeight = document.documentElement.clientHeight;
        } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
            //IE 4 compatible
            myWidth = document.body.clientWidth;
            myHeight = document.body.clientHeight;
        }
        var scrolledtonum = window.pageYOffset + myHeight - 16;
        var heightofbody = document.body.offsetHeight;
        if (scrolledtonum = heightofbody) {
            alert('asdf!')
        }
    
    //???? } <--
    

    Here is a working version with some code fixes: http://jsfiddle.net/maniator/8zhmg/