2011-06-24 5 views
0

私はフッタdivの後ろにiframeスクロールを作ろうとしているので、ページ自体をスクロールさせたくありません。あなたがFacebookを持っているなら、あなたがFacebookのメッセージのようにしたいと言っていることを私が意味するものを知るでしょう。スクロールバーは実際のページではなくメッセージdivをスクロールします。iframeをスクロールするJavascript? (Facebookのメッセージのように)

私が今持っているHTMLは次のとおりです。

<div class="content"> 
    <iframe src="http://192.168.0.122/bf2sclone/?pid=28999999" style="width:100%;height:200px;"></iframe> 
</div> 
<div class="footer"> 
</div> 

そして、私が持っているCSSは次のとおりです。

div.footer { 
    width: 980px; 
    height: 114px; 
    float: left; 
    background-image: url(../images/footer.png); 
    background-repeat: no-repeat; 
    position: fixed; 
    bottom: 0; 
    z-index: 1; 
    margin-bottom: 20px; 
} 

div.content { 
    position: relative; 
    width: 980px; 
    height: 300px; 
    float: left; 
    border-left: 1px solid #000; 
} 
+0

iframeにはスクロールバーが必要ですが、問題が何であるかはわかりません。 – epascarello

+0

iFrameを使用する必要がありますか? FacebookのメッセージバーはiFrameを使用しません。 –

+0

Facebookがiframeを使用するとは思わなかった。私の知識は限られているので、私はしなければならない。それ以外の場合は、Javascriptですべてをやります。 iframeにはスクロールバーがあります(無効にするまで)。ただし、スクロールバーをページのメインスクロールバーとして表示して、Facebookのメッセージのようにフッタのdivの後ろをスクロールします。 –

答えて

0

Facebookメッセージのiframeを使用していない、あなたが設定され、左によってこの効果を得ることができますページの一部fixed(css:position: fixedに設定されています)。
したがって、フッターを固定して設定するだけで正常に動作します。

+0

私はそれを期待していませんでしたが、私の知識は限られています。 問題は、フッターとして透明な背景とフッターの下に余白があることです。だから、iframeをフッタイメージの後ろにスクロールして(透明なスペースで見ることができるように)、マージンスペースには表示しないようにしてください。フッターdivが停止するためのベースラインです。 –

+0

誰も私にこの情報を教えてもらえますか? –

+0

@リチャード・ヘッジスこの効果がある例(いくつかのウェブサイト)を教えてもらえますか? – wong2

関連する問題