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

Date:	2019.03.19
Update:	2023.08.06

執筆･監修

上杉洋　Hiroshi Uesugi

1991年生まれ。株式会社ステップバイワーク代表。 2013年に株式会社n.uを設立。 2015年にStep by workとして独立。 2021年株式会社ステップバイワークとして法人化。 HP制作/SEO対策/コンテンツ制作/動画制作/YouTube運用/写真撮/WordPressを全て一人でやります。

Xにポストする

Facebookで共有 B! ブックマークする

コピーする

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

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

Xにポストする

Facebookで共有 B! ブックマークする

コピーする