私はウェブサイトを作成しています。私はサイドメニューバーを持っており、そのメニューリストは私のワードプレスのブログのページとポストから来たものです。メニューの1つを選択するたびに、そのコンテンツが作成したテンプレートの1つに表示され、Iframeに表示されます。ワードプレスでスクロールせずにiframeのコンテンツを表示する方法
私の作成したテンプレートのコンテンツには、「折りたたみ」のクラスを持つ「div」があります。 折り畳みdivをトリガーするたびに、コンテンツをスクロールしない限り完全に表示されません。
折りたたみ可能なdivのサイズに応じてスクロールせずに表示し、Iframeの高さを上げたいです。
<iframe id="iframe" src="your URL" scrolling="no" width="100%" ></iframe>
<script>
var d = window.innerHeight;
window.document.getElementById('iframe').style.height = d+'px';
</script>
これが理由を説明する少しの説明は、単にコードの束を投稿するのではなく、問題を解決する方法である。 – Jonathan
異なる画面解像度でブラウザの高さとiframeの高さを動的に変更することができます。 –
返信してくれてありがとうございました これは実際に私にとってはうまくいきますが、問題は、画面を小さくしようとしたり、反応しやすいようにしようとするたびに問題になります。 –
あなたの質問何のコードが含まれていません。あなたが良い質問をする方法を見てください：https://stackoverflow.com/help/how-to-ask – Sysix
私は自分のコードを置くことを忘れています。 添付の画像をご覧ください。 –
イメージを実際のコードに置き換える方がよい。また、[質問するときにSOのコードをSOにアップロードしないでください。]（https://meta.stackoverflow.com/questions/285551/why-not-upload-images-of-code-on-so-when- ask-a-question） – tgogos