html - 光标位于 iFrame 区域时不滚动 (Firefox)

Question

我有一个居中 iframe 的网站，它具有固定的高度和宽度。所以你不能在 iframe 内滚动，但你可以滚动整个边。

问题：当我想滚动整个边，但我的鼠标悬停在 iframe 的区域上时，它不起作用。我必须将鼠标移到一边，使其不再位于 iframe 上方。我只在 Firefox 中遇到这个问题。

iFrame 的 CSS，body 滚动是标准的：

.frame{
    width:1024px;
    height:768px;
    top:50%;
    margin-top:-384px;
    border:0;
    z-index:1;
    overflow:hidden;
    position:absolute;
}

Answer 1

Remove your CSS overflow property.

.frame{
    width: 1024px;
    height: 768px;
    top: 50%;
    margin-top: -384px;
    border: 0;
    z-index: 1;
    overflow: scroll; /* not necessary */
    position: absolute;
}