Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Make an IFRAME scroll with the page

Posted on 2001-08-16
3
Medium Priority
?
171 Views
Last Modified: 2006-11-17
I have an IFRAME in a very long page, I need it to "stay on top" and scroll with me as I go down the page (like the old geocities logo).  Can someone point me in the right direction?
0
Comment
Question by:georgia
  • 2
3 Comments
 
LVL 4

Expert Comment

by:Gibble
ID: 6394179
This one uses an image but should get you started on how to do it.
0
 
LVL 4

Expert Comment

by:Gibble
ID: 6394180
0
 
LVL 3

Accepted Solution

by:
nzjonboy earned 400 total points
ID: 6394859
try this code

<html>
<head>
<style>
     iframe {
          position:absolute;
     }
</style>
<script language="javascript">
<!--

     function moveFrame() {
         document.all['onTop'].style.posLeft = document.body.scrollLeft + 10;
         document.all['onTop'].style.posTop = document.body.scrollTop + 10;
     }

//-->
</script>
</head>
<body onscroll="moveFrame()">
<iframe id="onTop"></iframe>

<!-- rest of body -->

</body>
</html>

nzjonboy
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

580 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question