I’m building my personal page, which is a computer with an iframe inside of it’s screen with a dummy javascript terminal. My problem is that I can’t get the iframe to scroll down while I keep writing on the terminal.
I’ve tried adding scrolling="yes" to the iframe and it doesn’t work. I tried using $(document).scrollTop($(document).height()); in the iframed page and setting the height of the iframed page to 2000px… none of this worked.
This is the code of the page:
<html>
<head>
<style type="text/css">
body{
background-image:url('http://api.ning.com/files/B4MPF1W8yyhcpqgtcWbw-UuRX4aul676AQ0rB63HYNkXgQR06pGjZVwjKcwMxGgc/apple2c.big.jpg');
background-repeat:no-repeat;
}
#iframe {
position:relative;
padding-top:35px;
padding-left:144px;
}
</style>
</head>
<body>
<div id="iframe">
<iframe src="http://static.saezmedia.com/terminal/terminal/examples/rpc-demo.html" width="458" height="341" scrolling="auto"></iframe></div>
</body>
</html>
Thank you very much for your help.
In you main page: http://static.saezmedia.com/terminal/terminal/examples/rpc-demo.html you have the following css code:
this makes the scroll bar non visible. If you remove this the page is scrollable and then you have to automatically scroll to the bottom.