JQuery UI вертикальная прокрутка

Question

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

Может кто-нибудь помочь, пожалуйста, вот ссылка.

http://dropp.users35.interdns.co.uk/scroll/

Спасибо

Answer 1

Попробуйте, я проверил на своем конце, он работает нормально

Работает демо

$(function () {
    var scrollPane = $(".slider_container");
    var scrollContent = $(".scroll-content");

    // Slider

    $('#slider').slider({
        orientation: "vertical",
        value: 100,
        slide: function (event, ui) {
            console.log(ui.value);
            console.log(scrollPane.height());

            if (scrollContent.height() > scrollPane.height()) {
                scrollContent.css("margin-top", (-1 * (scrollPane.height() - ((scrollPane.height() * ui.value) / 100))) + "px");

            } else {
                scrollContent.css("margin-top", 0);
            }
        }
    });
});