Skip to content

Instantly share code, notes, and snippets.

@allykzam

allykzam/firstpage.html

Created July 18, 2012 17:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save allykzam/3137546 to your computer and use it in GitHub Desktop.
Save allykzam/3137546 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery $("body").scrollTop() issue
Raw
firstpage.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Frame page</title>
</head>
<frameset rows="100,*">
<frame name="top" src="otherpage.html">
<frame name="bottom" src="otherpage.html">
</frameset>
</html>
Raw
otherpage.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>The frame</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function getTop()
{
var windowTop = $(window).scrollTop();
var bodyTop = $("body").scrollTop();
var docElementTop = document.documentElement.scrollTop;
alert("$(window).scrollTop() gives us " + windowTop + "\n$('body').scrollTop() gives us " + bodyTop + "\nAnd document.documentElement.scrollTop gives us " + docElementTop);
}
</script>
</head>
<body id="bottomframe">
<div>
Bottomframe<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
<a href="#" onclick="getTop()">Try here</a>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
Scroll<br/>
</div>
</body>
</html>​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment