阻止固定叠加层下方的元素使用 Tailwind 滚动

Question

我正在尝试创建一个可能包含其自己的滚动条的叠加层。叠加层应占据屏幕的整个宽度和高度，如果内容长于页面高度，则滚动其自身的内容。

我的问题是我不知道如何在覆盖滚动时阻止实际页面滚动。我希望它像 Bootstrap 模态一样。

这里有一个代码示例：https://jsfiddle.net/r5jLcekb/

在示例中，我使用的是：

fixed bg-black bg-opacity-50 w-screen h-screen overflow-y-scroll

如您所见，页面滚动其内容，而不仅仅是覆盖。我只希望覆盖层中的内容滚动。这可能纯粹是顺风吗？

Answer 1

我认为您正在寻找 overscroll-auto -- 更多信息请参见 https://tailwindcss.com/docs/overscroll-behavior。