Собственно, есть некий div fixed с прокруткой, нижележащее окно также с прокруткой.
Если прокручивать верхний див скроллером мыши, по достижении нижнего/верхнего предела начинает крутиться нижележащее окно.

http://jsfiddle.net/Fx6mm/2/

Попытка остановить прокрутку с помощью stopPropagation не помогла (или я неверно понимаю, как в данном случае она работает)

Поиском нашел только способ - отслеживать mouseenter/mouseleave на верхнем диве и ставить нижележащему диву overflow: hidden, но это как-то криво, есть ли способ логичнее и проще?

Програмёрпервый ответЭто дизаблит нафиг весь скроллинг окна браузера, а мне надо, чтобы скроллинг работал в пределах того окна, надо которым курсор, не уходя глубже.

Привет, давно не виделись! ))

White OwlПопробовал в FF 29.0.1что именно пробовал-то?

Дык это пример о том, как не хотелось бы ))

Попробовал в FF - скроллинг начинается с задержкой. То есть - крутишь вниз, докручивается до конца диалог, потом крутишь - какое-то время ничего не происходит, потом начинает крутиться фон.

В ИЕ, Опере, Хроме фон начинает прокручиваться немедленно, как только заканчивается "запас хода" у диалога.

Коллеги!

Покурив мануалы и примеры и внимательно проанализировав, что я хочу, докладываю!

Для начала определимся с понятиями, чтобы не путаться - есть прокрутка колеса мыши - wheel , есть прокрутка окна - scroll

Для удобства повторю ссылку на свой фиддл http://jsfiddle.net/Fx6mm/2/

По хорошему мне не требуется блокировать scroll на нижнем окне (и вообще любые действия на нем), юзер должен иметь возможность пользовать его элементы (отодвинув диалог в сторонку, открыв два диалога и т.п.), соответственно решение с overflow:hidden не подходит.
При этом, c эстетической точки зрения нужно заблокировать wheel, если этот wheel происходит, когда курсор мыши находится не над нижним окном (фиг с ним, я готов пожертвовать wheel на нижнем окне в принципе, пусть там останется только scroll, но при этом wheel должен работать на верхнем окне).


Что выяснено опытным путем:
Сначала возникает событие wheel на каждом вложенном элементе под курсором мыши. При этом "всплытие" и "погружение" события отлавливаются корректно.

Если отменить событие wheel с помощью preventDefault, scroll не произойдет нигде , вне зависимости на каком этапе всплытия применить preventDefault

Далее происходит событие scroll. Он происходит вроде бы до фактического скроллинга (или, по крайней мере до перерисовки экрана), однако отменить это событие нельзя (по крайней мере мне не удалось, судя по приведенным тут разнообразным решениям, не только мне.

Попытка вернуть scrollTop на предварительно запомненное место приводит к неэстетичным пляскам в некоторых браузерах.

Исходя из вышесказанного, я пока не вижу пути, как можно выполнить требуемую задачу.
про wheel: http://learn.javascript.ru/mousewheel
Возможно не вижу его только я. У кого-нить есть идеи?

ЗЫ: теоретически можно

поймать событие wheel

запомнить верхний элемент, с которого оно спустилось

запомнить свойство события deltaY

отменить wheel

вручную прокрутить элемент на нужное количество пикселей
пока не пробовал, но это уже жесть какая-то (((

Коллеги, проблема актуальна! )

up!

Что, никто не хочет даже попробовать повозиться?

GustlyОба ли они срабатывают когда скроллить уже некуда. Если что-то не срабатывает в конце то отключай через JSТак в том-то и проблема. Wheel срабатывает всегда и ДО скролла. В тот момент, когда я смогу определить, есть куда скроллить или нет, wheel уже сработал и отменить его нельзя.

GustlyПопробуй окружить все одним большим дивом.окружить весь контент сайта не получится - там сразу возникает много других проблем с абсолютным позиционированием хедера и футера

А, это я пробовал - неюзабельные дикие пляски в некоторых браузерах.