Начала наклеить работать с начальной загрузкой 4

Question

я делаю попытку получения affix.js работать с бутстрапем 4. Вот официальными ЯШАМИ:

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/

Answer 1

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

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

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

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

Update:

Компонент Affix был удален из Bootstrap 4, так что теперь вы должны использовать браузер с позицией: липкой поддержкой или JQuery/JS подобно my answer here