如何在angularjs中動態調整div的高度？

請問您可以告訴我如何在angularjs中動態調整div的高度？其實我有一個滾動div（有內容）。當我給100px高度時，我能夠看到所有的內容。如何在angularjs中動態調整div的高度？

但我需要給予高度該div （窗口-header -footer）

<ion-scroll direction="y" style="height: 100px"> 
    <div class="row" ng-repeat="obj in data.data"> 
     <div class="col"> 
      {{obj.schDepart}} 
     </div> 
     <div class="col"> 
      {{obj.expDepart}} 
     </div> 
    </div> 
</ion-scroll>

這裏是我的代碼：http://codepen.io/anon/pen/ZGEpMN

需要給予高度<ion-scroll總高度-footer - 頁眉高度動態，以便它可以在所有窗口上運行。

來源

2015-04-23 user944513

您可以用CSS做到這一點：身高：理論值（100vh - FOOTERpx - HEADERpx） – mrak

你可以使用codepen – user944513

從我看到你有同樣的風格與離子滾動它贏得height屬性針對css選擇器 – mrak

正如mrak說，你可以用鈣做象下面這樣：

ion-scroll[direction=y] { 
    height: calc(100vh - 88px); 
}

我可以看到你的頁眉和頁腳都已經44px高度，所以我用88px這裏。

更新Codepen

來源

2015-04-23 10:35:59

我認爲它不適用於所有分辨率。因爲在小分辨率頁眉和頁腳高度降低。我需要這樣的解決方案，在所有分辨率上運行 – user944513

然後，您可以爲該特定分辨率編寫媒體查詢並替換頁眉和頁腳高度編輯決議。 –

好.. !!!意味着沒有其他解決方案？正確嗎？ – user944513

如何在angularjs中動態調整div的高度？

回答

相關問題