このテーマについて多くの質問があることは承知していますが、解決せずにすべて試してみました。
iframe を挿入したい (または埋め込みオブジェクト、これには何の問題もありません)。iframe がスクロールバーを持たない完璧な高さの中にある div を作成しようとしています。
問題は、にアクセスできないことです<head>。これは WordPress であり、テーマにアクセスできません。
これが私が今までやってきたことです
<script type="text/javascript">
var sheet = document.createElement('style')
sheet.innerHTML = "html, .entry{height: 100%;} #content{height: 100%;} .post-1631{height: 100%;} .page{height: 100%;} .padder{height: 100%;} .row{height: 100%;} .container{height: 100%;} body{height: 100%;}";
document.head.appendChild(sheet);
</script>
<iframe src="http://..........com" width="100%" height="100%">
</iframe>
JavaScript 内で、すべての親タグをheight:100%head まで変更します。それが正しいかどうかはわかりませんが、すべてを変えなければならないと思いました。なにか提案を？
問題 2:最初の問題を解決しようとしていたときに別の問題を見つけましたが、このためだけに新しい質問を開きたくありません。<a href="#div-id"></a>これは、このリンクをクリックすると、同じページ内のその ID を持つ div にリダイレクトされることを意味します。しかし残念ながら、これはうまくいきません。リンクをクリックしましたが、何も起こりませんでした。