Bootstrap 3.1.0: affix too long

Question

I am using Bootstrap 3.1.0. When an "affix" gets too long for the viewport, it gets cut off, never showing bottom items. Is there a possibility to have Bootstrap's affix behave in a way that it is still possible for the user to scroll the complete affix from top to bottom? Problematic example: ```

... regular content

``` I hope my jsFiddle exemplifies this problem.

Accepted Answer

I hope it can help you :

Just add an `overflow-y`

Jsfiddle : http://jsfiddle.net/Ja3XT/1/

Added Css :

```
#sidebar{
 max-height: 100%;
 overflow-y: auto;   
}
```

UPDATE AFTER COMMENT:

fiddle : http://jsfiddle.net/F4FZL/1/

JS :

```
$('#sidebar').affix({
    offset: {
        top:100,
        bottom:0
    }
});

$('#sidebar').on('affixed.bs.affix', function(){
    $(this).removeAttr('style');
});
```

Bootstrap 3.1.0: affix too long

Solution

Problem