問題

我在父頁面中嵌套了一個 iframe，在 iframe 進行操作時，會出現(xiàn) iframe 位置不變，但內(nèi)部元素超出 iframe 區(qū)域的情況。

iframe 布局方式

.frame {
  position: fixed;
  top: 0;
  right: -600px;
  width: 600px;
  height: 100%;
  z-index: 1000;
  outline: 0;
  border: 0;
  background-color: #fff;
  transition: right .5s;
  -webkit-transition: right .5s;

}
.frame_open {
  right: 0px;
  box-shadow: -6px 6px 12px 0 rgba(26,37,57,0.2);
}

通過添加/刪除 chateasy-frame_open 類名來控制iframe的顯示隱藏

問題截圖

操作圖示：

開發(fā)者工具調(diào)試圖示：

已經(jīng)嘗試的操作

1. 將 iframe 內(nèi)的頁面設(shè)置為 overflow: hidden; ，沒有效果
2. 懷疑是父級頁面的滾動條寬度撐開，所以更改 iframe 布局后仍會觸發(fā)
   

開發(fā)環(huán)境

• Chrome：版本 66.0.3359.117（正式版本） （64 位）