Я пытаюсь использовать Affix, но у меня есть некоторые проблемы: когда я прокручиваю вниз - мой аффикс div частично исчезает под нижним колонтитулом, вот jsbin example и code. Как я могу это предотвратить?Twitter Bootstrap Affix: исчезает под нижним колонтитулом
data-offset-bottom="anynumber" - не работает.
Это больше похоже на проблему z-index. Я считаю, что вы можете исправить это, применив более высокое значение z-index к .affix, чем нижний колонтитул с использованием CSS.
Пример:
z-index установить, если не установлен
yourFooter { position:absolute/relative/fixed /* a positioning is a must */ ; z-index: 300 }
затем просто добавить более высокий Z-индекс к .affix дел. Он уже имеет фиксированное позиционирование, поэтому нет необходимости устанавливать position для этого.
Примечание: При расчете Z-индекс, проверить его со всем первым, чтобы убедиться, что аффикс не начинает появляться над вашими modals и других.
Надеюсь, что это сработает.
Если вы посмотрите на документы на GetBootstrap.com, они используют аффикс с боковой панелью и нижним колонтитулом, и в сценарии есть много настроек, и в точках останова также есть css. Возьмите эту часть, чтобы узнать, как выполнить то, что вы хотите. Вот сценарий, который они написали для этого, обратите внимание на нижний колонтитул .bs, а затем посмотрите на css. http://getbootstrap.com/docs-assets/js/application.js – Christina
Смещение должно быть рассчитано следующим образом: http://bootply.com/102441 – ZimSystem