2015-03-10 6 views
0

Я использую функцию Bootstrap 3 Affix, Но не могу понять, как работает data-offset-bottom.Bootstrap 3 affix offset-bottom поведение

У меня есть потенциально длинный основной столбец, а также меньший, который содержит прикрепленный nav.

Моя проблема заключается в том, что прикрепленный nav может быть слишком длинным для некоторых размеров экрана, поэтому я хотел бы, чтобы пользователь мог видеть текущий элемент при прокрутке вниз, , какой вид работ, даже если мне нужно настроить я полагаю, снизу данных снизу;

Однако, когда вы прокручиваетесь со дна, аффикс «исчезает», потому что он получает position: relative; из любого JS-кода (я думаю, из Bootstrap), чего я бы хотел избежать.

Есть идеи? Должен ли я заменить фиксированные значения атрибутов данных функцией, которая бы динамически сбросила смещение в зависимости от прокрутки? Кажется, это не самый чистый способ решить эту проблему.

http://jsfiddle.net/FloSchieldBobby/oz6nq6tL/

Чтобы увидеть, что я имею в виду, просто прокрутите полностью вниз, затем прокручивается снова.

ответ

1

Не уверен, что вы когда-нибудь это поняли, но сегодня я столкнулся с той же проблемой. Когда вы применяете data-offset-bottom, он применяет класс affix-bottom. Все, что вам нужно сделать, это добавить следующую строку в CSS:

.affix-bottom{ 
position: absolute 
} 
+0

кажется лучше, однако, если элемент аффикс выше, чем высота окна, когда вы прокрутите вниз немного (недо главу 13/14 к примеру), афикс не следует за этим свитком, пока вы не достигнете дна. Знаете ли вы, почему? –

+0

Не уверен, не видя его в действии. Я не волшебник, когда дело доходит до некоторых из этих компонентов начальной загрузки. Это может иметь что-то делать с установленными смещениями. Если вы публикуете обновленный пример, это может помочь вам понять, о чем вы говорите. – jjoshua

+0

Действительно, я должен был его обновить: http://jsfiddle.net/FloSchieldBobby/oz6nq6tL/2/ Я действительно понял: это не ошибка, документ Bootstrap имеет такое же поведение, за исключением того, что их аффикс-элемент ограничен по высоте , Большое спасибо, я постараюсь улучшить его самостоятельно. –