HTML内容只能用滚动条,而不是鼠标滚轮滚动(HTML content only scrolls w

2019-07-29 07:01发布

我有一个<div>我的网页有一个固定的高度,并在overflow-y: scroll; 设定,使得当它通过的底部边缘的内容将滚动<div> 没有什么与众不同。

理由很奇怪,如果光标位于在空的空间鼠标滚轮将只滚动内容的<div>或者如果它是在滚动条本身。 如果光标恰好是在任何的文本内容的<div>鼠标滚轮不会做任何事情。

这发生在Firefox和Chrome浏览器,所以它不只是一个特定的渲染引擎或者什么的怪癖。

所述<div>在问题被叠加在另一个的顶部通过position: absolute; ,所以我假设不知何故<div>背后却是用鼠标滚轮事件干扰-但是你会觉得这个问题将反转(在<div>光标是在文本上滚动,没有结束空的空间)。

任何人都看到过这样的事情之前? 我难倒!

Answer 1:

明白了-那是因为我用的是的fancybox 鼠标滚轮插件 。 这导致的fancybox捕获所有鼠标滚轮事件(使用通过画廊滚动)。 因为我没有实际使用任何画廊,我已经没有必要了,所以我把它和在紧接该固定我的问题。



文章来源: HTML content only scrolls with scrollbar, not mouse wheel