Почему iframe мешает скролить страницу в Firefox?

Question

[MrGaunt]

Когда вставляю, допустим, слайд-шоу через iframe на страницу, при заходе на сайт через Firefox и наведении мыши на слайд-шоу (курсор находится в границах iframe), страница не скролится колесиком мыши. Эта "особенность" доставляет большие неудобства. Как решить проблему?

Answer 1

[Евгений Петров]

Очевидно же — либо сделать контент документа, загружаемого в iframe, меньше области просмотра его корневого элемента, либо запретить в нём прокрутку:

HTML (в родительском документе)
<iframe ... scrolling="no"></iframe>

CSS (в загружаемом документе)

html {
	overflow:hidden
}

Comments

[MrGaunt]

Как ни странно, оба решения не помогли.
В Firefox по-прежнему нельзя скролить;

[Евгений Петров]

Про JS, конечно, оказалось неверно, ведь scroll — cancelable event. Но запрет прокрутки, безусловно, работает.
Покажите пример, в котором ни overflow, ни scrolling, ни подгонка размеров высоты iframe под его контент не помогли.
Как подогнать размер, если наш скрипт прописывает Iframe на чужом домене, вот тут Как сделать высоту iframe по содержанию, полученному с другого домена?
Ну а со своего домена подогнать — дело совсем нехитрое.

[MrGaunt]

<iframe src="slide-show/index.html" width="100%" height="420px" align="center" frameborder="no" scrolling="no" style="overflow:hidden;z-index: 59;"></iframe>

"overflow: hidden" прописывал и в загружаемом документе - не помогло.

[Евгений Петров]

jsfiddle.net/hq58q0g3

[Евгений Петров]

А зачем в iframe стоит
style="overflow:hidden;"

[MrGaunt]

Евгений Петров: Мне не понятно, зачем подгонять высоту iframe по содержимому? Скролить в загружаемом документе как раз ничего не надо, всё влазит на 100%. Проблема в том, что если зайти на сайт через Firefox (в остальных браузерах всё нормально), навести курсор в зону загружаемого документа и начать скролить колесиком, то страница как раз скролиться не будет.

[Евгений Петров]

MrGaunt: Я привёл пример выше. Всё нормально скроллится, хотя контент страницы явно больше размера iframe.