AngularJs Ng-Modal - Enable scroll bar

Question

I'm using AngularJs and ngModal plugin (https://github.com/adamalbrecht/ngModal) in my project. When the Modal is shown, it disables the browser scroll bar. How do I enable it in the instance it is shown?

My html code is below:

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>

Pang · Accepted Answer · 2015-09-28 08:02:59Z

1

In the ng-modal plugin there was a property:

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

I set to "hidden" to "" and the scroll bars were present

edited Sep 28, 2015 at 8:02

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered Jan 28, 2015 at 3:40

Ka Tech

9,50715 gold badges62 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs Ng-Modal - Enable scroll bar

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related