输入 DIV 会自动打开 iframe 的链接

Question

我在页面顶部有一个“位置：固定”iframe，在其上方，一个水平菜单（也是固定的）。 每个菜单按钮将整个页面滚动到选定的 div。

有没有办法在到达该 div 后自动打开链接？ 我需要自动加载输入“div #1”的“iframe content 1”，输入“div #2”的“iframe content 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
*/