AngularJs Ng-Modal - 启用滚动条

时间:2015-01-28 03:36:54

标签: angularjs

我在项目中使用AngularJs和ngModal插件(https://github.com/adamalbrecht/ngModal)。显示模态时,它会禁用浏览器滚动条。如何在显示的实例中启用它?

我的HTML代码如下:

HTML

<body ng-controller="MyMgtCtrl">
    <div class="container-fluid" >
        <div class="section">{{gapSection.headerID}}.{{gapSection.sectionID}}</div>
        <label ng-click="showMenu()" class="label label-primary">Toggle</label>

        <modal-dialog show='data.showMenu' class="showMenuStyle">
          <p>SOMETHING GOES HERE</p>
        </modal-dialog>

    </div><!-- /.container -->

</body>

1 个答案:

答案 0 :(得分:1)

在ng-modal插件中有一个属性:

document.getElementsByTagName("body")[0].style.overflow = "hidden"

我设置为&#34;隐藏&#34;到&#34;&#34;并且滚动条存在