Question

我正在构建我的personal page，这是一台带有iframe的计算机，其屏幕内部带有一个虚拟的javascript终端。我的问题是，当我继续在终端上写字时，我无法向下滚动iframe。

我尝试将scrolling="yes"添加到iframe中，但它不起作用。我尝试在iframed page中使用$(document).scrollTop($(document).height());并将iframed页面的高度设置为2000px ......这些都没有效果。

这是页面的代码：

<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>

非常感谢你的帮助。

Answer 1

在您的主页：http://static.saezmedia.com/terminal/terminal/examples/rpc-demo.html中，您有以下css代码：

jquery.terminal.css:13:

overflow:hidden;

这使滚动条不可见。如果你删除它，页面是可滚动的，然后你必须自动滚动到底部。

Answer 2

如果您在另一个窗口中打开它，您将无法滚动它。

这看起来像网站的问题。

但是，您可以通过固定iframe的宽度/高度并在包含div上设置overflow auto来显式滚动它。

无法让我的iFrame滚动

2 个答案: