我有一个名为scrollable的div,当我将鼠标悬停在其上时,我希望滚动仅限于此div,以便在到达div的顶部/底部后,滚动将停留在该div中。我使用了以下代码:
<div class="scrollable" style="overflow-y: scroll; height: 2px;"
onmouseover="document.body.style.overflow='hidden'"
onmouseout="document.body.style.overflow='auto'" >
Some text<br>sometext<br>sometext
</div>
这样做可以完成工作,但是主滚动条被隐藏后,每次悬停在“ .scrollable”上时,网页看起来很奇怪。
而且使用window.onwheel=function(){return false;}
也没有帮助,因为它会阻止任何元素的滚动。
有没有一种方法在保持主页面滚动条可见的情况下,仅在悬停的div上启用滚动而不对其他元素启用?
谢谢