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);
            }
        }
    });
});