Question

我有两个iframes彼此叠加。

每个iframe加载不同的页面。
iframe 1是标题
iframe 2是内容

欲望

表现为一个页面，因此滚动整个页面时滚动

问题

只有底部滚动

有办法做到这一点吗？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Untitled</title>
            <style type="text/css">
            body, html
            {
                margin: 0; padding: 0; 
            }

            #content
            {
                position:absolute; left: 0; right: 0; bottom: 0; top: 90px; background: blue; height: expression(document.body.clientHeight-90); overflow:hidden;
            }
        </style>
</head>
<body>

    <iframe src="http://www.example.com" width="100%" height="100" frameborder="0" scrolling="no"></iframe><br />

     <div id="content">
        <iframe src="http://www.cnn.com" width="100%" height="100%" frameborder="0"></iframe>
    </div>
</body>
</html>

Answer 1

如果PHP是您的选项，您可以使用include（）函数从其他文件导入页眉和正文内容。这将把两个页面合二为一，并将所有页面滚动为一个。

这个的一个缺点（来自你已经做过的）是每当从页面主体跟随超链接时，标题会在下一页重新加载。（相对于标头是静态的，每次都不刷新，导航到新页面）

<?php
  // Page Header
  include("headerfile.html");
  // Page Body
  include("bodyfile.html");
?>

同样，您可以将正文的内容放在该文件中。

<?php
  // Page Header
  include("headerfile.html");
?>
<!--content html goes here-->

两个iFrames一个滚动

1 个答案: