Прокрутка реагирует только на колесо прокрутки, когда оно находится прямо над полосой прокрутки

Question

Высокий уровень: что может помешать правильному интерпретации колеса мыши для прокрутки? Какие инструменты для отладки можно проверить?

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

Я считаю, что соответствующий div имеет overflow-x: hidden и overflow-y: auto.

Они поступают из CSS-приложений Zurb Foundation. Я, к сожалению, не смог воспроизвести это поведение в jsfiddle, поэтому я надеюсь на дальнейшие советы по расследованию.

Answer 1

Это, по-видимому, относится к классам grid-блоков Foundation Apps. Если у вас есть сетка-блок, у которого есть одиночный дочерний блок-блок, это может как-то предотвратить работу колесика прокрутки.

Я закончил тем, что заменил дочерний сетчатый блок сырой, полной шириной div.

Answer 2

Я обнаружил, что проблема была в классе grid-frame, в частности, задании высоты как 100vh заставляет колесо прокрутки исправить ошибку.

Я заменил решетчатую раму блоком сетки и не использовал сетку.