Iframe內(nèi)部元素超出iframe區(qū)域

問(wèn)題

我在父頁(yè)面中嵌套了一個(gè) iframe，在 iframe 進(jìn)行操作時(shí)，會(huì)出現(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);
}

通過(guò)添加/刪除 chateasy-frame_open 類(lèi)名來(lái)控制iframe的顯示隱藏

問(wèn)題截圖

操作圖示：

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

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

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

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

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