Нет прокрутки, когда курсор находится на iFrame Area (Firefox)

Question

У меня есть сайт с центрированным iframe, который имеет фиксированную высоту и ширину. Таким образом, вы не можете прокручивать внутри iframe, но можете прокручивать всю сторону.

Проблема: Когда я хочу прокрутить всю сторону, но у меня есть мышь над областью iframe, она не работает. Мне нужно переместить мышь в сторону, чтобы она не превышала iframe. У меня только эта проблема в Firefox.

CSS в плавающем фрейме, тело прокрутки стандартно:

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

Answer 1

Удалить ваш CSS overflow свойство.

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