如果 iframe 重新加载 go 到锚点

Question

如果我单击页面上 iframe 中的链接，我想知道是否有办法将 go 转到网页的顶部/锚点。

我的网站有一个很大的 Iframe 有工作。 如果我单击 iframe 底部的作业，iframe 会重新加载，但我的视图仍在网站底部。 我希望视图位于 Iframe (/#jobs) 之上。

但是如果我打开网站，我需要一些 function 不 go 到锚点......

我使用 JS MutationObserver 和 contentWindow.location.reload(true) 但两种方式都不起作用。

任何提示或想法？

Answer 1

我的解决方案并不完美，但它可以完成工作。

var counter = 0;
  window.addEventListener('message', function(e) {
    var iframe = document.querySelector('#personio-iframe');
    var eventName = e.data[0];
    var data = e.data[1];
    switch(eventName) {
      case 'setHeight':
        iframe.style.height = data + 'px';
        if(counter != 0){
         iframe.scrollIntoView({ behavior: 'smooth' })
        }
        console.log(counter);
        counter++;
        break;
    }
  }, false);