Липкая навигация работает на локальном хосте, но не при загрузке онлайн (в браузерах webkit)

Я создал липкую навигацию, которая остается фиксированной в верхней части страницы, когда пользователь прокручивает ее. Затем он должен вернуться в нормальное положение, если пользователь прокрутит страницу вверх. У меня это отлично работает на моем локальном хосте, но когда я загружаю его онлайн, липкая навигация просто продолжает прыгать прямо вверх, как только вы даже немного прокручиваете страницу, и она никогда не возвращается в нормальное положение.

Соответствующий jQuery:

var yOffset = $("#local-nav-wrapper").offset().top;
$(window).scroll(function() {
    if ($(window).scrollTop() > yOffset) {
        $("#local-nav-wrapper").css({
            'top': 0,
            'bottom': 'auto',
            'position': 'fixed'
        });
    } else {
        $("#local-nav-wrapper").css({
            'top': 'auto',
            'bottom': 0,
            'position': 'absolute'
        });
    }
});

Соответствующий CSS:

#local-nav-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 0;
    z-index: 6000;
}