Получение аффикса для работы с bootstrap 4

Я пытаюсь заставить affix.js работать с bootstrap 4. Вот официальный js:

https://github.com/twbs/bootstrap/blob/master/js/affix.js

Это работает, например:

#foo.affix {
  top: 20px;
  color: red;
  position: fixed;
}

Но есть странный прыжок влево. Нужна ли аффиксу куча css? Потому что я не могу найти ничего, относящегося к аффиксу в репозитории.

http://jsfiddle.net/clankill3r/df8tb/2715/


affix twitter-bootstrap-4
person clankill3r    schedule 28.04.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Да, вы должны добавить CSS для обработки позиций affix-top, affix и affix-bottom.

Используйте плагин аффикса через атрибуты данных или вручную с помощью собственного JavaScript. В обоих случаях вы должны предоставить CSS для позиционирования и ширины прикрепленного контента.

http://getbootstrap.com/javascript/#affix

Вы видите скачок, потому что position:fixed выводит элемент из нормального потока документа, поэтому вы должны разместить его и установить высоту, ширину и т. Д. Соответственно в CSS.

Обновление:

Компонент Affix был удален из Bootstrap 4, поэтому теперь вы должны использовать браузер с поддержкой position:sticky или jQuery/JS, аналогичный my ответ здесь

person Zim    schedule 29.04.2016