... без ограничения прокрутки внутри iframe или необходимости конкретно указывать/отмечать все прокручиваемые элементы.
Представьте виджеты Google Maps, встроенные в родительскую страницу. Когда вы увеличиваете виджет, вы не хотите, чтобы родительская страница прокручивалась, очевидно.
Я подумал, что ответ на мой предыдущий вопрос решил проблему:
При прокрутке внутри iframe тело ничего не знает о что там происходит. Но когда скроллер iframe достигнет дна или сверху, он проходит прокрутку к телу.
Отмените событие, которое распространяется из iframe.
Но решение не работает в Firefox, потому что Firefox не будет - по дизайну - распространяет события, захваченные iframe на родительскую страницу, но странно он будет прокручивать родительскую страницу. См. jsfiddle здесь.
$('body').bind('mousewheel DOMMouseScroll', onWheel);
function onWheel (e){
if (e.target === iframe)
e.preventDefault();
console.log(e);
}
Итак, как я могу предотвратить прокрутку страницы, когда пользователь увеличивает содержимое во встроенном iframe, в Firefox?