输入DIV会自动打开iframe链接

Question

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

有没有办法在达到div后自动打开链接？ 我需要自动加载“iframe content 1”输入“div＃1”，“iframe content 2”输入“div＃2”等。

Page有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
*/