Изменение CSS на прокрутке

Question

Я за жизнь меня не могу заставить это работать. Я пытаюсь запустить простой скрипт, который изменяет свойство отображения логотипа. Сначала он не установлен, и он должен переключиться на блокировку после прокрутки браузера вниз на 170 пикселей. Это сценарий, который я использую

var $logo = $('#mainlogo'); 
$(document).scroll(function() { 
$logo.css({display: $(this).scrollTop()>170 ? "block":"none"}); 
}); 

Это не зарегистрировано ошибок в консоли. Вы можете проверить его здесь. http://www.staywell.contravent.com пароль CV2014! Буду признателен за любую оказанную помощь.

Есть ли способ сделать это без скрипта? Чисто CSS?

Answer 1

var $logo = $('#mainlogo'); 
$(window).on('scroll', function() { 
    $logo.css({display: $(window).scrollTop() > 170 ? "block":"none"}); 
}); 

попробовать оборачивать код в себя функции вызывается с параметром $ JQuery:

(function($) { 
    var $logo = $('#mainlogo'); 
    $(window).on('scroll', function() { 
     $logo.css({display: $(window).scrollTop() > 170 ? "block":"none"}); 
    }); 
})(jQuery)