iFrames

**Script Kiddie** · 01-28-2007, 12:00 PM

Is it possible to:

Make an iFrame only show a certain part of an external webpage?
Make the iFrame scroll to a certain pixel distance on that external webpage when your webpage is loaded?

I am told that there are certain ways to do option 2, but no-one has given me codes for that yet.

I assume it would be a simple add-on to a tag, for example:

Code:

<iFrame src="http://www.target.com/" width="100" height="100" scrollTo="183,32">

The red part is something I made up and have tried (it doesn't work unfortunately

), but hopefully you guys will know something that does work. Thanks for your time.

**mburt** · 01-28-2007, 12:33 PM

scrollTo isn't a valid iFrame property, but it probably is possible to do this with JavaScript. Try googling your query

**Script Kiddie** · 01-28-2007, 05:44 PM

Originally Posted by mburt

scrollTo isn't a valid iFrame property

Yes, I do know this. Haven't you read what it says below the code?

**mburt** · 01-28-2007, 05:51 PM

The onscroll property doesn't work for the iframe tag either. I can't see how it's possible, unless you change the page you are displaying.

**mburt** · 01-28-2007, 05:53 PM

This is how it would work with a DIV:

Code:

<html>
<head>
<script type="text/javascript">
function test() {
var frame = document.getElementById("test")
window.status = frame.scrollTop
if (frame.scrollTop > 183) {
	frame.scrollTop = 183
	return false;
	}
}
</script>
</head>
<body>
<div style="height:200px;width:500px;overflow-y:scroll" id="test" onscroll="test()">
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
<br>test
</div>
</body>
</html>

Thread: iFrames

Thread Tools

Search Thread

iFrames

Bookmarks

Bookmarks

Posting Permissions