首页 > 解决方案 > 仅使用溢出-y 滚动 DIV

问题描述

如何仅在聚焦而不是整个页面时滚动 div。

我有一个带有overflow-y:auto的小部件,其中当它展开时,会出现一个滚动条,但问题是使用鼠标滚轮时它不会滚动。

使用鼠标滚轮,整个页面只会滚动

我希望当小部件聚焦时,用鼠标滚轮滚动应该可以工作

Div 滚动这个

标签: htmlcss

解决方案


你应该添加tabindex属性。

前任:

<div tabindex="1"></div>

通过添加 tabindex 您的元素将被聚焦并且可以滚动。

更多信息MDN


推荐阅读