Bootstrap sticky navbar disappears on page reload

Question

I have made a single page website using Twitter Bootstrap 3.3.5. I have a navbar-fixed-top in the website which works fine and does the job but the problem I am facing is, whenever I reload/refresh page from the middle, fixed/sticky navbar doesn't show unless I scroll. Can someone help me solving the problem?

Link to the site is http://www.shahpoojan.com/vs

You can click on reel or bio and then refresh browser. I am using firefox to test it.

Waiting for a response. Thanks

Answer 1

这是页面期望scroll事件向导航栏添加固定类别的正常行为，如果您确实想更改导航栏，则可以从一开始就使导航栏fixed 。

Answer 2

You must have some sort of javascript code adding classes to the nav for the fade effect try replacing the nav classes

from this <nav class="navbar navbar-default navbar-static-top id="nav">

to this <nav class="navbar navbar-default navbar-static-top navbar-fixed-top" id="nav">