uniapp中scroll-view高度樣式，解決手機端問題

.scroll-container {
	/* #ifdef H5 */
	height: calc(100vh - 88rpx - 100rpx - env(safe-area-inset-bottom) - var(--status-bar-height));
	/* #endif */
	/* #ifdef APP-PLUS */
	height: calc(100vh - 88rpx - env(safe-area-inset-bottom));
	/* #endif */
}

以上爲沒有自定義導航欄和tab時對應的解決方案。h5端：100vh代表整個屏幕區域的高度，100rpx是導航欄高度，88rpx是頂部欄目分類tab的高度，接下來是底部安全距離和導航欄高度，這個是uniapp內部定義。APP端：100vh應該是當前webview也就是除去導航等app自帶控件的高度，內容區域所佔高度，所以只需要減tab高和安全距離即可。

如果使用了自定義導航就需要都減去自定義導航高度。100vh總的來說就是我們所寫的內容塊的高度（即template裏的高度），自定義就包含進內容塊裏面了，系統默認的編譯在外層，可以觀察瀏覽器端的結構。

問題描述

一開始使用的是計算高度賦值給scroll-view，瀏覽器、模擬器、小程序測試都沒有問題，但是手機端出現了問題，底部出現了多餘的滑動空間。