1

これが私たちの問題です — 私たちは途方に暮れています。

WordPress サイトである ourdomain.com では、colleaguedomain.com のページの一部を埋め込む必要があります。ヘッダーとフッターを表示したくありません (本文のみが必要です)。私たちの同僚は私たちに代わってウェブサイトを編集することはできないため、クロスドメインの同一生成元ポリシーの問題があります — ただし、同僚は可能な回避策を使用するよう明示的な自由裁量を私たちに与えているため、これは道徳的な問題ではなく技術的な問題です。 !

現在行っていることは次のとおりです。

ourdomain.com では、overflow:hidden を含む div 内に iframe があります。iframe の position:absolute を上下に -px で設定します。これにより、ヘッダーを非表示にできます。しかし、フッターを表示しないことにも苦労しています。フッターも非表示にする方法はありますか?

実際に表示したい iframe 内のページの部分はフォームであるため、iframe の高さだけを使用してフッターを非表示にすることはできません。ユーザーが次のボタンをクリックすると、元のページの JavaScript がフォームの次のフィールドを表示します。このフォームには 3 つの「ページ」があります (すべて iframe 内にあることを思い出してください)。最後の「ページ」は、最初の 2 つよりも (高さが) かなり長くなっています。したがって、最初の 2 つの「ページ」に合わせて高さを設定すると、ヘッダーとフッターを非表示にできますが、iframe 内のフォームの最後の「ページ」の一部が非表示になります。それに対応する場合、フッターは最初の 2 ページに表示されます。

ヘルプ?iframe でフッターの div を非表示にすることはできますか? iframe 以外のものを使用する必要がありますか?

助けてください、StackOverflow! あなたは私たちの唯一の希望です!

(いくつかのサブレディットにクロスポストされました)

4

1 に答える 1

0

次の 3 ページが必要です。

  • コンテナページは、コンテンツが必要なページです

  • クリッピング/移動ページ

  • コンテンツのあるページ

コンテナー ページに iFrame を配置します。その iframe はクリッピング ページを指します。クリッピング ページには、コンテンツ ページの および AJAX プル (jQuery にはこれらがあります) があります。次に、クリッピング ページで、div を xy 軸上で移動し、サイズを変更する必要があります。これにより、不要なコンテンツがカバーされます。

于 2012-12-08T00:01:23.540 に答える