Как изменить размер лого при скроллинге?

Question

[Mixa]

Хочу здесь на сайте при скролинге уменшать размер лого.

Такой варинат не срабатывает:

<script type="text/javascript">
$(window).on("scroll", function () {
    var scrolled = $(this).scrollTop();
    if( scrolled > 107 ) {
        $('.logo-dark').addClass('scrolled');
    }   
    if( scrolled <= 107 ) {     
        $('.logo-dark').removeClass('scrolled');
    }
});
</script>

Пробовал уже по-всякому, но что то все не работает.

Answer 1

[Игорь +]

Должно помочь Прокрутка: событие scroll

Answer 2

[Андрей Куклин]

попробуй заменить
var scrolled = $(this).scrollTop();
на
var scrolled = window.pageYOffset;