如何在移動瀏覽器上定義特定的滾動區域？

Question

我寫的移動使用antd-mobile單頁的應用程序，

有SA的TabBar頁面的底部，和u可以看到背景是灰色的項目清單，問題是Tabbar覆蓋當我向下滾動到底部時的內容。

如何讓列表區域滾動區域不是整個頁面？

Answer 1

某些代碼可以幫助我們幫助您......但是您可以使用多種策略，這些策略都取決於您的實際代碼以及您希望實現的目標。

1. 在body上使用margin-bottom。這會在頁面底部添加一個頁邊空白，並將其設置爲Tabbar的高度，這將確保它永遠不會隱藏底部內容。假設您的Tabbar處於固定位置。該解決方案將使滾動條顯示在整個頁面上。

2. 使用定義的內容持有者height，並設置overflow-y:scroll。您可以將您的內容持有者的高度設置爲100vh減去您的Tabbar的高度。這樣它就是「全屏」，然後您可以應用overflow-y:scroll來使該部分可滾動。這將在元素上顯示滾動條，而不是整個頁面。