Solved

Make an IFRAME scroll with the page

Posted on 2001-08-16
3
165 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 100 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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Suggested Solutions

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…

737 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