Sidebar in the middle of page on pageload

[Globegitter]

If my page is scrolled down and I refresh the page, the navbar is something just randomly in the middle of the page.

Here you can see the signup button, etc in the middle of the page.

[jbutko]

StickyNavbar script remembers the position of window that was before refresh.
If I understand well the problem are those buttons above the navigation on the right side (Share, Follow us etc.) If that's the case try to remove those elements out of the element on which StickyNavbar is called (header). If you have a development site please leave the link here in the comment or email me on jbutko [at] gmail.com and I will take a look on it.

[Globegitter]

@jbutko Thank you very much, just sent you an email.

[kaibakker]

I am having the same problem, and its still unclear how to fix it. Its live on the following (dutch) website: http://www.examentrainingexact.nl/examentraining/1-vwo-wiskunde-a

[jbutko]

@kaibakker: Hi, try to reference version 1.1.3 of stickyNavbar in the script tag instead of 1.1.1 http://cdn.jsdelivr.net/stickynavbar.js/1.1.3/jquery.stickyNavbar.min.js
Let me know if that helped.

[kaibakker]

Thanks @jbutko for looking at it. But its still not working? I tried some different things and changed the version number, but still the bar is hanging on reload, any other ideas?
Thanks in advance

[jbutko]

@kaibakker: Hi, really not sure why this happened on your site, it looks like it is working fine on my demo page. Anyway you can probably fix it with this workaround (I do not tested it properly but it should work IMO):

var leftColVertPosition = $('.l-left').offset().top,
    windowVerticalPos = $(window).scrollTop(),
    menuBar = $('#menubar');

if (windowVerticalPos > leftColVertPosition) {
  menuBar.style.top = "0";
}

Try it, adapt it if needed and let me know.

[kaibakker]

Thank you! Works perfectly, eventual used this script...

$(document).ready(function () {
  $('#menubar').stickyNavbar();

  var leftColVertPosition = $('.l-left').offset().top,
    windowVerticalPos = $(window).scrollTop(),
    menuBar = $('#menubar');

  if (windowVerticalPos > leftColVertPosition) {
    menuBar.css({top: "0"});
  }
});

[jbutko]

No problem Kai, glad I could help.