页面底部的iframe:避免自动滚动页面

window.addEventListener('message', function(event) {
  // 检查消息来源，确保只响应来自iframe的消息
  if (event.origin !== 'http://example.com') return;

  // 解析消息内容，获取iframe的高度
  var data = JSON.parse(event.data);
  var iframeHeight = data.height;

  // 设置iframe的高度
  document.getElementById('my-iframe').style.height = iframeHeight + 'px';

  // 阻止页面滚动
  event.preventDefault();
}, false);

window.addEventListener('resize', function() {
  // 计算iframe的高度
  var height = document.documentElement.scrollHeight;

  // 向父窗口发送消息
  window.parent.postMessage(JSON.stringify({
    height: height
  }), '*');
});

iframe {
  width: 100%;
  height: 500px; /* 设置固定高度 */
  border: none;
}