国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

スクロール可能なコンテンツの高さを動(dòng)的に調(diào)整する (Ion Page、React)
P粉478835592
P粉478835592 2023-09-07 18:08:44
0
1
771

ionic React ページに非常に大きなテキストがあるため、ページ全體を埋めるのではなくスクロールしたい場(chǎng)合は、次のスタイルが非常に役立ちます。

リーリー

しかし、たとえば次のようなコンテンツとフッターを含むページがあるとします。 リーリー

モバイルでは次のようになります:

dev の高さには制限がないため、説明の內(nèi)容はスクロールできないことに注意してください。問(wèn)題は、「最大高さ」を定義する必要があるのですが、ページ サイズはデバイスによって異なり、フッターの高さに依存するため、それができないことです。

＃＃＃助言がありますか？これはよくある質(zhì)問(wèn)のようですが、答えが見(jiàn)つかりません。

これを試してみました:

リーリー

これは、最初の読み込みでは

h2Heigth

と itemHeight の両方が 0 として表示されるため、ページをリロードする場(chǎng)合にのみ機(jī)能します。

P粉478835592
P粉478835592

全員に返信(1)
P粉343408929

最終的にこの CSS クラスを追加しました:

リーリー

次に、私のページで:

リーリー

説明: calc(100% - 60px) は、コンテンツ全體からスクロール コンテンツを除くすべてのコンテンツを引いた高さです。 (明らかに、フッターは考慮されません)

これは私のターゲットデバイスで動(dòng)作します。ただし、これは、diff 値を更新することを忘れていない限り、ページにコンテンツを追加するとすぐに壊れてしまうため、かなり満足のいく解決策ではありません。

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート