Jquery UI slider, no se mueve el "handle"

[PosProdukcion]

Hola, no consigo que se mueva el "handle" de un slider vertical que podéis ver aquí.

El código JS es este:

Código Javascript:

$(document).ready(function()
            {
                $(".lista-slider").slider(
                {
                animate: true,
        orientation: 'vertical',
                slide: handleSliderSlideP
                });
            });
 
            function handleSliderSlideP(e, ui)
            {
              var maxScroll = ($("#scroll-clientes").attr("scrollHeight") - $("#scroll-clientes").height());
              $("#scroll-clientes").attr({scrollTop: ui.value * (maxScroll / 100) });
            }
 

Además, el contenido se mueve al revés de lo que debería, no se muy bien qué valor tengo que sumar o restar para que el scroll se haga de arriba a abajo en la misma dirección que se hace scroll.

Gracias