Affix en bootstrap

Tengo problemas con la propiedad affic en bootstrap. Tengo un menu lateral que quiero dejar fijo cuando hago scroll vertical. El menu me queda fijo pero al hacer scroll el menu se me achica de mi tamaño original ya que affix le agrega la propiedad fixed. Como hago para que esto no suceda. Esto es lo que estoy haciendo:

<div class="navbar navbar col-md-3 col-xs-12 menu-left" id="menu" >
    <div data-spy="affix" data-offset-top="250">
        <div class="container-fluid menu-title">Ver por zona</div>
            <div class="items">
                <ul class="clearfix">
                    <li ng-repeat="topic in topics">
                        <a href="" ng-click="collapse(topic)">{{ topic.title }}</a>
                        <ul class="clearfix">
                            <li ng-repeat="topic in topic.children">
                                <a href="" ng-click="collapse(topic)">{{ topic.title }}</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
</div>

$('#menu').affix({
})

#menu .affix{
    top: 15px;
}

Respuestas

#1

Prueba agregando esto en el css:

.affix
{
  top:0;
  width: 100%;
  z-index: 999;
}

@juliochemoreno

17 marzo 2017, 13:11