0

これは一般的な質問であることは承知していますが、Stackoverflow や Google 検索で正しい答えを得ることができません。ロゴとリンクの固定ヘッダーと特定の URL の iFrame を使用してページを作成するにはどうすればよいですか。私が遭遇した最も近いのは、このiFrame with Fixed Headerです。私が本当に達成したいのは、 CodeCanyon のこの例です。最初のリンクはまともな回答を提供しますが、ページには 2 つのスクロール バーがあります。前もって感謝します！

編集:iFrameをページの高さに伸ばしたい:)

4

3 に答える 3

1

あなたができる

<html>
    <head>
    </head>
    <body>
        <div style="height:(x)px; width:100%; position:absolute; top:0; bottom:0; z-index:2;">
            The logo and links come here
        </div>
        <div style="width:100%; height:100%; position:absolute; top:0; bottom:0; z-index:1">
            <iframe src="xx.html" style="margin-top:(x)px; width:inherit; height:inherit"></iframe>
        </div>
    </body>
</html>
于 2013-05-21T13:41:16.910 に答える
1

リンクした例では、jquery を使用して高さを動的に調整しています。

//function to adjust height of iframe
var calcHeight = function () {
    var headerDimensions = $('#header-bar').outerHeight(true);
    $('#preview-frame').height($(window).height() - headerDimensions);
}

$(document).ready(function () {
    calcHeight();
});

$(window).resize(function () {
    calcHeight();
}).load(function () {
    calcHeight();
});

これは、高さを動的に調整するために使用したコードです。

ここでjsfiddle http://jsfiddle.net/QQKc4/11/で見ることができます

于 2013-05-21T13:36:40.497 に答える