导航栏固定在底部位置，并在到达滚动位置时切换到静态

Question

Is this possible in Bootstrap v3? I've been searching and seems like I'll have to go custom.

Basically, I have a navbar which is located at the bottom of the content area. When the page is loaded, if the navbar code location is visible in the viewport then position should be static but if the page is longer and the code location is not visible then the position should be fixed bottom.

It's like the top navbars but for the bottom.

Answer 1

Sure, it's possible

1 Load bootstrap.js, bootstrap.css and jquery.js

2 Place the navbar at the end of the page

<div class=navbar data-spy="affix" data-offset-top="1">navbar</div>

3 Add a class into your page

.affix{bottom:0;}

That's it.