在Yonbuilder中，想要頁面滾動是通過scroll-view組件定義滾動視圖來完成的。scroll-x屬性代表允許橫向滾動，scroll-y屬性代表允許豎向滾動。在官網(wǎng)中有提醒我們，若需要在垂直方向滾動，則需要指定高度；若在水平方向滾動，則需要指定寬度，否則可能無法顯示。尤其當(dāng)scroll-view中的內(nèi)容不足以撐起整個(gè)頁面高度的時(shí)候，會出現(xiàn)下面留白，只能在一段高度內(nèi)滾動的情況。
綜上所述，在使用的時(shí)候必須給scroll-view指定一個(gè)具體的高度，但是這個(gè)高度并不好控制。首先頁面中可能會有固定不滾動的元素，需要減去他們的高度；其次，不同設(shè)備的屏幕分辨率不同，頁面高度也不同。如果高度設(shè)置大了，會擠壓到其他不需滾動的元素；高度小了則會留白。如圖：
針對這個(gè)問題，一個(gè)好的解決方法就是利用flex布局中的flex-shrink屬性。有關(guān)flex布局的內(nèi)容可以點(diǎn)擊此鏈接>>查看。
flex-shrink屬性定義了項(xiàng)目的縮小比例，如果flex-shrink值為0，表示該項(xiàng)目不收縮。所以我們只需要給固定的元素添加此屬性，就可以防止出現(xiàn)被擠壓的情況。
關(guān)鍵詞:
