問題タブ [iframe-resizer]

URL マスキングを行うためにiframe-resizerを使用しています。Visual Studio Template for ASP.NET MVC5 を使用して iframe のソースとして機能する Web アプリケーションと、iframe をホストする HTML ページが 1 つだけの Web サイトを作成しました。マスクされたドメインはhttp://bitmake.azurewebsites.net/でホストされており、ASP.NET サイトである必要があります。iframe があるサイトはhttp://desenv.bitmake.tecnologia.ws/でホストされており、Windows または Linux のいずれかです。私はこれら 2 つのドメインを所有しており、両方を管理できます。別のドメイン ( http://www.anotherwebpage.comにリダイレクトするリンクをクリックする場合を除き、クリックしたすべてのリンクは正常に機能します）。ドキュメントを読むと、これを解決するオプション、checkOrigin初期化オプションであることがわかります。したがって、このようにリサイザーを初期化します

しかし、私はまだエラーを受け取ります。F12で確認できます

この SO の質問を読むと、ファイル Global.asax からソース サイト (bitmake.azurewebsites.net) で「回避」できることがわかります。Global.asax を「AllowAll」オプションに変更しましたが、それでも機能しません

David J. Bradshaw による素晴らしいIframe-resizer JavaScript ライブラリの使用。フォームを含むクロス ドメイン iFrame は、フォームの送信後に正しく縮小されます。ただし、親ページは、送信をフォーム コンテナーの上部にリダイレクトしている子内のアンカー リンクをたどりません。

そのため、含まれている iFrame が位置からずれたり、視界の外に移動したりします。

(iFramed) 子ページのリダイレクトされたアンカー リンクに親ページをたどらせる方法はありますか?

そのため、iFrame のサイズを変更してフォーカスを維持するために、素晴らしいiframe-resizerライブラリを使用しています。

問題は、（私の人生にとって）iFrameを作成する方法がわかりません。サイズを変更すると、上部に追加のパディングが追加されます。

何が起こっているかというと、特定の時点で iFrameResizes が発生し、ウィンドウが上にスクロールしますが、iFrame は固定メニューの下に配置されます (以下を参照)。iFrameResize がウィンドウ全体のサイズを使用しており、固定メニューを考慮していないことが原因だと思います。それを修復する方法がわかりませんか？

これが基本的なhtmlです

この追加のパディングを追加するために、変更および/または追加する追加のパラメーターについて誰かが私を案内してくれたら、それは素晴らしいことです。

記録として、margin-top と padding-top を追加しようとしましたが、問題を解決できませんでした。また、ページが最初にロードされるとき、2 つの列は同じ高さでなければならないため、これは理想的なソリューションではありません。

SharePoint 2013 ページ レイアウトに yammer コメント埋め込みコードを追加しました。コメント数に応じてフィードの高さを変えたい。

ここに記載されている yam.on コードを使用してみました: https://developer.yammer.com/docs/feed-events

ただし、コメントのレンダリングが完了する前に /embed/feed/loadingCompleted イベントがトリガーされるようです。コンテンツの読み込みがいつ完了したかを知るために使用できる postMessage の種類はありますか? コンテンツの高さを親ウィンドウに渡すのが理想的です。