Curseur Jquery: animation par clic lisse

Question

Les curseurs jquery contiennent une option "animée" qui, lorsqu'elle est définie sur "true", fait glisser la poignée en position lorsque la barre du curseur est cliquée. Im utilisant mon curseur pour faire défiler le contenu dans un autre div, créant un effet similaire à celui sur le site Web d'Apple. Le problème est que lorsque je clique sur la barre de défilement, elle anime doucement la poignée mais pas l'autre div. J'ai l'autre div qui défile sur les événements "slide" et "change". des idées comment je peux réaliser un défilement lisse pour l'autre div?

Merci d'avance, oh les dieux de jQuery.

mon code:

var list = $('.sliderGallery ul'); 

$('.slider').slider({ 
    min:0, 
    max:1500, 
    animate: true, 
    slide: function(event, ui) { list.css('left', '-' + ui.value + 'px'); }, 
    change: function(event, ui) { list.css('left', '-' + ui.value + 'px'); } 
}); 

Answer 1

Il a été un moment que je JavaScript mais aussi loin que je me souvienne jQuery vous pouvez essayer de faire la même chose que vous faites déjà, mais en utilisant l'effet d'animation. Essayez ceci:

var list = $('.sliderGallery ul'); 

$('.slider').slider({ 
    min:0, 
    max:1500, 
    animate: true, 
    slide: function(event, ui) { list.animate({'left': '-' + ui.value + 'px'}, 'normal'); }, 
    change: function(event, ui) { list.animate({'left': '-' + ui.value + 'px'}, 'normal'); } 
}); 

Ce code peut ne pas fonctionner tout de suite mais il pourrait servir de point de départ. Voici un lien vers cette documentation de la fonction: animate(params, [duration], [easing], [callback]) in Effects/animate.