javascript - 有什么方法或技巧可以将溢出的可见内容设置为隐藏在javascript css中？

Question

我在iframe 周围使用div并将溢出设置为隐藏在div的 css 内容被剪裁。

我想知道，有没有办法只获得可见的内容？

这是代码：

  <div class="problemBox">
      <iframe id="problem" src="child.html"></iframe>
  </div>

<style>
  .problemBox {
    width: 300px;
    height: 300px;
    overflow: hidden;
  }
  .problemBox iframe {
    width: 100%;
    height: 100%;
  }
</style>