Javascript 角度UI-相对于窗口高度的模态高度

我有一个有相当多文本的模态。我试图找出如何将模式高度限制为窗口的大小，并在OK按钮上方的内容区域添加一个滚动条

托弗
贾尼
托弗
贾尼
托弗
贾尼
托弗
贾尼
托弗
贾尼
托弗
贾尼
托弗
贾尼
托弗
贾尼
托弗
....

更新为使用window.innerHeight，并具有一个名为clientHeight的属性/指令，该属性/指令获取一些数字，并将其作为百分比乘以window.innerHeight以调整某些内容的大小并设置溢出-y

---

您可能可以单独使用CSS，也可以使用“calc”或其他方式来实现这一点，但如果不是这样，上述JS解决方案也可以正常工作。

您只需使用CSS，无需使用JavaScript

.modal-body {
    max-height: 500px; /* adjust to your needs */
    overflow-y: auto;
}

---

我不想要固定的高度。我希望它相对于用户浏览器的高度。您可能需要将其包装在一个函数中，并同时调用onWindowResize（）浏览器事件。

app.directive('clientHeight', function(){
  return {
    link:function(scope, iElem, iAttrs){
      debugger;
      iElem.css('height', window.innerHeight*iAttrs.clientHeight/100+'px')
      iElem.css('overflow-y', 'scroll')
    }
  }
});

.modal-body {
    max-height: 500px; /* adjust to your needs */
    overflow-y: auto;
}