Прокрутите до ссылки с помощью скроллра

Я использую https://github.com/Prinzhorn/skrollr, чтобы анимировать фон моего сайта, когда я прокрутить. Однако я также хочу, чтобы мои ссылки прокручивались вверх и вниз по странице, как это делал бы обычный одностраничный сайт.

Проблема в том, что оба работают, если я вручную прокручиваю фоновые изменения, если я нажимаю ссылку, страница прокручивается в нужное место. Проблема в том, что когда я нажимаю кнопку, фон также не прокручивается.

Похоже, я работаю с двумя разными функциями прокрутки, и в результате они не работают вместе, и мне нужно использовать одну и ту же.

Вот код.

js — прокрутите до ссылки:

var $root = $('html, body');
    $('a').click(function() {
        var href = $.attr(this, 'href');
        $root.animate({
            scrollTop: $(href).offset().top
        }, 500, function () {
            window.location.hash = href;
        });
        return false;
    });

js — инициализация Skrollr

skrollr.init({
    smoothScrolling: true,
    forceHeight: true
}); 

Я попытаюсь собрать скрипку, чтобы сделать ее более понятной, но, надеюсь, ответ действительно прост.