Deshabilitar scroll al abrir Twitter Bootstrap Modal

Cada vez que lanzamos un modal de Twitter Bootstrap y nuestra página tiene scroll, vemos como al aparecer el modal por encima de la página, esta sigue manteniendo el scroll, por lo que el contenido sigue haciendo scroll aunque tengamos el modal superpuesto. En ocasiones esto no es un problema, pero en otras en las que el modal tiene otra capa superpuesta fija, puede que las cosas se desbarajuste un poco.

Para solucionar esto, si es que es un problema, debemos agregar un par de líneas:

 // el overflow hidden sobre el body elimina el scroll
 // agregamos esta propiedad al abrir cualquier modal
 // (la clase modal es parte del markup de twitter bootstrap)
 $('.modal').on('show', function () {
 $(document).find('body').css('overflow', 'hidden');
 });

 // retiramos la propiedad de overflow para devolver el scroll
 // removemos esta propiedad al cerrar el modal
 $('.modal').on('hide', function () {
 $(document).find('body').css('overflow', 'auto');
 });

Espero que les haya sido de ayuda…