У меня есть <div> на моей странице с фиксированной высотой, а overflow-y: scroll; установлен так, что содержимое будет прокручиваться при прохождении нижнего края <div>. Ничего необычного.
По какой-то странной причине колесо мыши будет прокручивать содержимое только в том случае, если курсор находится над пустым пространством в <div> или если он находится над самой полосой прокрутки. Если курсор окажется над любым текстовым содержимым в <div>, колесико мыши ничего не сделает.
Это происходит как в Firefox, так и в Chrome, так что это не просто причуда конкретного движка рендеринга или чего-то в этом роде.
Рассматриваемый <div> наложен поверх другого через position: absolute;, поэтому я предполагаю, что каким-то образом <div> за ним мешает событию колеса мыши, но тогда вы могли бы подумать, что проблема будет обращена (<div> будет прокручивать когда курсор находился над текстом, а не над пустым пространством).
Кто-нибудь еще видел что-нибудь подобное раньше? Я в тупике!
