iframe - DIV を入力すると、iframe へのリンクが自動的に開きます

Question

ページの上に「位置：固定」のiframeがあり、その上に水平メニューがあります（これも固定されています）。各メニュー ボタンは、選択した div までページ全体をスクロールします。

そのdivに到達したらリンクを自動的に開く方法はありますか? 「div #1」に入った「iframe コンテンツ 1」、「div #2」に入った「iframe コンテンツ 2」などを自動的にロードする必要があります。

ページには jQuery があります。

前もって感謝します。

Answer 1

これがうまくいくかどうか見てみましょう：

$('#btn1').click(function() {
  var targetOffset = $('#div1').offset().top; 
  $('html,body').animate({scrollTop: targetOffset}, 5000, function() {
    // Animation complete, lets load content
     $('#div1').html($('#iframe1').contents());
  });
});

/**
For the contents() to work the iframe must be getting the content from the same domain
*/