Прокрутите тело диалога, но не страницу под ним

Question

У меня есть диалоговое окно (с телом прокручиваемого содержимого) поверх страницы, которое также можно прокручивать.Теперь я хочу, чтобы при попытке прокрутки изнутри диалогового окна с помощью колесика мыши прокручивалась только его часть, а не страница под ней.

Как это сделать?

Answer 1

Вы можете попробовать обернуть весь ваш контент в блок с помощью overflow: auto и установить для свойства overflow окна значение hidden.

См. Пример здесь .

Я не думаю, что иначе вы можете предотвратить прокрутку окна.См. Аналогичный вопрос: предотвратить "всплывающее" свиток от элемента к окну .

Другой ответ предполагает, что вы можете предотвратить эффект по умолчанию для события колеса мыши: Запретить прокрутку родительского элемента? .Но это не идеально, поскольку прокрутка также происходит при нажатии клавиш, выборе текста и т. Д.