javascript - 禁用窗口的滚动，但仍然在里面滚动一个 div

Question

所以我有这个网站，当他必须滚动列表时，我的老板会发疯。基本上当屏幕滚动时他会生气，他只想滚动里面的列表而不是滚动整个窗口。

不是两者都取决于你把手指放在哪里。

然后我尝试了这个

<ScrollLock>
<container>
some content
<div style ={{
   height: 300px;
   min-height: 300px;
   max-height: 300px;
   overflow-y: scroll;
}}>
my list
</div>
some content
</container>
</ScrollLock>

当我使用 chrome 开发工具并使用移动设备时，它按预期工作。只有 div 滚动。手机上的问题现在在 android 和 iphone 上都没有滚动。

有没有一种简单的方法来锁定窗口滚动但仍然在里面滚动 div？

标签： javascriptreactjs