两个iFrames一个滚动

我有2个内部框架一个在另一个之上。两个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>

来源

2013-07-18 Lacer

如果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-18 19:25:00 Kyltmer

两个iFrames一个滚动

回答

相关问题