How can I prevent body scrollbar and shifting when twitter bootstrap modal dialog is loaded?

Question

When I open the twitter bootstrap modal dialog, the backdrop causes a scrollbar and shift the content.

To avoid the scrollbar I use this css:

.modal         


        

Answer 1

the best way is:

• to add to BODY overflow-y: scroll
• and remove 4 functions from bootstrap.js: checkScrollbar, setScrollbar, resetScrollbar, and measureScrollbar.