div がheight: 485pxあり、幅 100% の iframe を内部に配置して、ユーザーがスクロールバーではなく div をスクロールできるようにしたい (CSS スクロールバーを使用しているため、これを行っています)。
<div id="demo1" style="height:485px; overflow:scroll;float: left;overflow-x: hidden;">
<iframe height="100%" width="455px" scrolling="no" frameborder="0" src="www" ></iframe>
</div>または 100%のように iframe にスタイルを含めようとしましたstyle="height: auto;"が、機能しません。
iframe の高さを確認する方法はありますか? ありがとう
iframe の高さを取得するには、2 つのウィンドウ間で通信する必要があります。IE8+ のみをサポートする場合は、postmessage. 基本的には、iframe 内でスクリプトを使用します (1- iframe コンテンツの所有者であり、スクリプトを追加するか、iframe の所有者があなたを信頼し、コード スニペットを追加します)。
古いブラウザをサポートしたい場合は、大いに楽しめbreaking the cross domain barrierます。
しかし、これが iframe の内側の高さを取得できる唯一の方法です。
ここでのユースケースを完全に理解しているかどうかはわかりませんが、特別なスクロール効果を使用するために iframe に完全な Web サイトをロードしているように見えましたか? それが本当に当てはまる場合は、他のソリューションを真剣に検討してください。単純な視覚効果を得るためにクロスドメイン通信をいじるのは、時間の最適な使い方ではありません (完全な Web サイト iframe をネストすることによるパフォーマンスへの影響も)。
この助けを願っています！