How can I detect if the page is at the top?

Question

I want to make an event occur when the page scroll is at the top of the page. Also I need an if statement for it. I am a beginner with javascript so any help is appreciated.

I am looking for something like this:

if (at_the_top_of_the_page) {
do_the_event_here
}

I think this is the right struckture for it. But I don't know what is the right code. I know that it will be in javascript. But I really don't know how...

Answer 1

Elements have a scrollTop element that can be read or set. Make sure you're reading the correct element's scrollTop, the one that you're scrolling.

ex:

var div = document.getElementById('scrollable');
if(div.scrollTop==0){
    //Top of element
}

Answer 2

Get the position of the scrollbar using this

function Getpostion(){    
    var vscroll = document.body.scrollTop;    
    alert(vscroll);
}

if vscroll is zero do your job. More details

Answer 3

document.body.scrollTop === 0;