0

我有 2 个 iframe 一个在彼此之上。

  • 每个 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>
4

1 回答 1

0

如果您可以选择 PHP，您可以使用 include() 函数从其他文件导入页眉和正文内容。这会将两页合二为一，并将全部滚动为一页。

这样做的一个缺点（根据您已经在做的事情）是，只要从页面正文跟随超链接，标题就会在下一页上重新加载。（相对于标题是静态的并且每次都不会刷新并且导航到新页面）

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

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

<?php
  // Page Header
  include("headerfile.html");
?>
<!--content html goes here-->
于 2013-07-18T19:25:00.530 回答