モバイルブラウザで特定のスクロール領域を定義する方法は？

Question

私はそこSA TabBarには、ページの一番下にあります、そしてuは背景を見ることができる項目のリストが灰色で、問題がある

、モバイル用途 antd-mobileのための単一のページのアプリを書いていますTabbarは私が下にスクロールするときの内容をカバーします。

リストエリアをページ全体ではなくスクロールエリアにするにはどうすればよいですか？

Answer 1

いくつかのコードは役に立ちます...しかし、あなたの実際のコードと達成したいものに応じて、使用できる戦略は複数あります。

1. bodyでmargin-bottomを使用してください。これにより、ページの下部に余白が追加され、タブバーの高さに設定されると、下部のコンテンツが隠れることはありません。あなたのタブバーが固定位置にあると仮定しています。このソリューションは、スクロールバーをページ全体に表示します。

2. 定義済みコンテンツホルダheightを使用し、overflow-y:scrollを設定します。コンテンツホルダーの高さを100vhから、タブバーの高さから引いた値に設定できます。このようにして「フルスクリーン」で、overflow-y:scrollを適用してその部分をスクロール可能にすることができます。これにより、ページ全体ではなく、要素にスクロールバーが表示されます。