Question: I'm using **Bootstrap v3.0.2**. Want to disable background scrolling when a modal is open. I tried:

```
.modal-open {
  overflow: hidden;
}

```

But it isn't working. I found a solution to this problem is:

```
.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}

```

But `position: fixed;` causing an extra white-space at the bottom of the page in chrome(less than 100% view) and also for large displays(in 100% view) while opening and closing the modal. How to get rid of it? (My modal contains scroll-able fields)

Answer: 
incase anyone having this still, just use 

```
.modal-open {
    overflow: hidden !important;
}

```

**EDIT:**
have no idea why its de-voted but this is what fixed my issue regarding the scrolling.
I had a similar problem, in my case solution was just to update popup

> 
> $('#modalWindow').modal('handleUpdate');
> 
> 
> 

My workflow

> 
> $('#modalWindow').modal();
> 
> 
> $.ajax({
> 
> 
> ....
> 
> 
> success: function(html){
> 
> 
> 
> ```
> $("#modalWindowContent").html(html);
> 
> // great, but height of popup window was changed, let's update it
> 
> $('#modalWindow').modal('handleUpdate');
> 
> ```
> 
> }
> 
> 
> });
> 
> 
>