0

2 つの iframe が重なり合っています。

  • 各 iframe は異なるページを読み込みます。
  • iframe 1 はヘッダーです
  • iframe 2 はコンテンツです

欲望

  • は 1 ページとして動作するため、スクロールするとページ全体がスクロールします

問題

  • 一番下のみスクロール

これを行う方法はありますか？

<!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() 関数を使用して、ページ ヘッダーと本文のコンテンツを他のファイルからインポートできます。これにより、2 つのページが 1 つに構築され、すべてが 1 つにスクロールされます。

これの 1 つの欠点 (既に行っていることから) は、ページ本文からハイパーリンクをたどるたびに、ヘッダーが次のページでリロードされることです。（ヘッダーが静的で毎回更新されず、新しいページがナビゲートされるのに対して）

<?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 に答える