Bootstrap - navbar scrolling

Question

I've created a navbar using Bootstrap using this . The problem is when I scroll the page and the navbar goes to top because the page jumps in down in the content! Un How can I resolve it?

If you try to a little scroll from here, the page jumps under "Content"

I assume you mean your sidebar and navbar are not synced? update the code that sets the affix or the navbar to include the selector for the sidebar. ie this updated Bootply $('#nav, #sidebar').affix(...) — haxxxton
– haxxxton, Commented Mar 9, 2017 at 1:52
I am not sure what you're referring to then, the content scrolls nicely for me. Could you explain with pictures or try to describe what you're experiencing further please — haxxxton
– haxxxton, Commented Mar 9, 2017 at 2:13

afishintaiwan · Accepted Answer · 2017-03-09 02:46:40Z

1

I'm guessing you mean that when #nav is fixed to the top, the first bit of the "content" section gets hidden behind it? In that case the quickest fix I can think of would be to put some padding to the top of the content section.

.content {
  padding-top: 50px;
  }

answered Mar 9, 2017 at 2:46

afishintaiwan

859 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bootstrap - navbar scrolling

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related