我正在编写一个用于移动应用的单页应用 antd-mobile,
页面底部有一个Tabbar，你可以看到背景是灰色的元素列表，问题是当我向下滚动到底部时Tabbar覆盖了内容。
如何使列表区域成为滚动区域而不是整个页面？
最佳答案
一些代码可以帮助我们帮助您...但是您可以使用多种策略，所有这些都取决于您的实际代码和您希望实现的目标。
在
body上使用margin-bottom。这将在页面底部添加边距，将其设置为 Tabbar 的高度，这将确保它永远不会隐藏底部内容。这是假设您的 Tabbar 处于固定位置。该解决方案将使滚动条显示在整个页面上。使用定义的内容容器
高度，并设置overflow-y:scroll。您可以将内容容器的高度设置为 100vh 减去 Tabbar 的高度。这样它就是“全屏”，然后您可以应用overflow-y:scroll使该部分可滚动。这将在元素上显示滚动条，而不是整个页面。
关于javascript - 如何在移动浏览器上定义特定的滚动区域？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45584848/