Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
have <div> stay at a certain position 1
- Thread starter mackey333
- Start date
-
1
- #2
Here is your solution that works in the latest Opera, IE, Netscape and Mozilla.
<html>
<head>
<title>scroller</title>
<script>
function update()
{
var topOffset = (typeof pageYOffset != "undefined"
? pageYOffset : document.body.scrollTop;
document.getElementById("myDiv".style.top = topOffset;
setTimeout("update()", 50) // calls itself every 50 milliseconds
}
</script>
</head>
<body onload="update()">
<div id="myDiv" style="position:absolute; left:0px; top:0px;">upperLeft content here</div>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
</body>
</html> Gary Haran
<html>
<head>
<title>scroller</title>
<script>
function update()
{
var topOffset = (typeof pageYOffset != "undefined"
? pageYOffset : document.body.scrollTop;document.getElementById("myDiv"
.style.top = topOffset;setTimeout("update()", 50) // calls itself every 50 milliseconds
}
</script>
</head>
<body onload="update()">
<div id="myDiv" style="position:absolute; left:0px; top:0px;">upperLeft content here</div>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
<p>content....</p>
</body>
</html> Gary Haran
- Thread starter
- #3
- Status
Similar threads
- Locked
- Question
- Locked
- Question
