vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL143 pageOffset</title> </head> <body onscroll="runterScrollen();"> <div style="position:fixed; top:10px; right:10px;"></div> <script> for (var i = 0; i <= 50; i++) { document.write("<p>Zeile:" + i + "</p>"); } function runterScrollen() { document.querySelector('div').innerHTML = window.pageYOffset; // if(window.pageYOffset >= 500) {window.scrollTo(0, 10);} } </script> <hr> <p onClick="posY(this);" style="height:300px; background:red;"></p> <p onClick="posY(this);" style="height:300px; background:blue;"></p> <p onClick="posY(this);" style="height:300px; background:green;"></p> <script> function posY(meinEl){ alert(meinEl.offsetTop); } </script> </body> </html>
