CODEWITHSUNDEEP
javascriptjquerycsstwitter-bootstraptwitter-bootstrap-3
Pham Minh Tan
Pham Minh Tan

Reputation: 2096

Block Hide Scroll Bar When Modal Show In Bootstrap

I'm using Bootstrap to build my layout. When I show my modal, it makes my scroll bar disappear (blue rectangle on right side). I don't want to hide the scroll bar. How do I keep my scrollbar always visible?

Screenshot

Upvotes: 1

Views: 2748

Answers (1)

vlgalik
vlgalik

Reputation: 477

Add class override-modal-open to body like:

<body class="override-modal-open">

If you want the modal scrollbar to be visible add to your CSS file:

.override-modal-open.modal-open .modal {
    overflow-y: scroll;
}

If you want the body scrollbar to be visible add to your CSS file:

.override-modal-open {
    overflow-y: scroll;
}

Upvotes: 3

Related Questions