$(document).ready(function(){
    $(".slider").slider({   
        orientation: "vertical",
        change: handleChange,
        slide: handleSlide,
        min: -100,
        max: 0 
    });
});

function handleChange(e, ui) {
    var sliderId = this.id;
    var scrollerId = "#scroller" + sliderId.substr(sliderId.indexOf("-"),sliderId.length);   
    var maxScroll = $(scrollerId).attr("scrollHeight") - $(scrollerId).height();
    $(scrollerId).animate({ scrollTop: -ui.value * (maxScroll / 100)}, 1000);
}

function handleSlide(e, ui) {
    var sliderId = this.id;
    var scrollerId = "#scroller" + sliderId.substr(sliderId.indexOf("-"),sliderId.length);
    var maxScroll = $(scrollerId).attr("scrollHeight") - $(scrollerId).height();
    $(scrollerId).attr({ scrollTop: -ui.value * (maxScroll / 100) });
}