iframe内で遷移しても高さを計算してスクロールバーがでないようにするやつ

公開日:2019/03/19 更新日:2020/02/23

読み込まれるiframeのファイルで下記を実行します。
読み込み元のファイルで読み込み先のファイルを操作する方法でも可能ですが、
読み込み先のロードを待たずに実行してしまうと、高さをうまく取得できないので読み込み先で実行しています。
また、読み込み元で実行した場合、遷移の度にスクリプトを実行させる必要があるため、読み込み先で実行したほうが楽です。

$(window).load(function(){ 
  var innerHeight = $('body').outerHeight();
  console.log(innerHeight);
  $('.calendar iframe' ,parent.document).attr('height', innerHeight + 'px');
});

上杉 洋

1991年生まれ。株式会社ステップバイワーク代表。2013年からホームページ制作の業界に入り、以後フリーランスを経て2022年に起業。 独自の理論で費用対効果の高いホームページを作るため日々精進しています。