Sidebar in the middle of page on pageload about stickynavbar.js HOT 8 CLOSED

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.

from stickynavbar.js.

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

from stickynavbar.js.

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

from stickynavbar.js.

@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.

from stickynavbar.js.

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

from stickynavbar.js.

@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.

from stickynavbar.js.

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"});
  }
});

from stickynavbar.js.

No problem Kai, glad I could help.

from stickynavbar.js.