Sticky Navbar не работает в bootstrap-vue при использовании в компоненте

Question

Я работаю с bootstrap-vue, и, как вы можете видеть в jsfiddle , свойство sticky работает правильно при использовании в navbar.

Проблема в том, что когда я перемещаю эту панель навигации в отдельный компонент и вызываю ее, атрибут sticky не работает правильно.

<b-navbar toggleable="lg" type="dark" variant="info" sticky>
   <b-navbar-brand href="#">NavBar</b-navbar-brand>      
</b-navbar>

fixed = "top" все еще работает при использовании в качестве компонента .

<b-navbar toggleable="lg" type="dark" variant="info" fixed="top">
   <b-navbar-brand href="#">NavBar</b-navbar-brand>      
</b-navbar>

Answer 1

CSS position: sticky поддерживается не всеми веб-браузерами.Используя последнюю версию Chrome, ваша скрипка работает на меня.