ホームページ  >  記事  >  ウェブフロントエンド  >  CSS を使用して iframe 効果コードを構築する_エクスペリエンス交換

CSS を使用して iframe 効果コードを構築する_エクスペリエンス交換

WBOY
WBOYオリジナル
2016-05-16 12:07:441487ブラウズ

iframe アプリケーションは非常に一般的で、一般的な要件が 2 つあります:

1. iframe 効果を得るには、スペースを大幅に節約できるスクロール バーを表示します。
2. ページを埋め込んでフレームリンクを実装します。

iframe を使用するのが不便な場合は、次の解決策があります。

CSS レイアウトを使用して最初の要件を実装すると、1 ページを節約でき、効率が向上します。
2 番目の要件は、xmlhttp を使用してリモートで取得できます。

A. iframe を直接シミュレートする

レイヤーをコンテナとして使用する
#content { overflow:auto; height:200px; width:600px; background:#f00;}

効果デモのソース コード:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。