ScrollTop

by adamh

HTML

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<div>
    Filler
</div>
<h4>Heading 4</h4>

CSS

div {
    height: 300px;
    border: 1px solid #fc0;
}

JavaScript

$('*').on('click', function(ev){
    ev.stopPropagation();
    alert("$.scrollTop: " + $(this).scrollTop() + "\n" + "JS scrollTop: " + this.scrollTop);
    alert($(window).scrollTop());
})