Jquery 슬라이더 : 부드러운 클릭 애니메이션

Question

jquery 슬라이더에는 "true"로 설정하면 슬라이더 막대를 클릭 할 때 핸들이 위치로 슬라이드됩니다.

메신저 내 슬라이더를 사용하여 다른 div의 내용을 스크롤하여 사과 웹 사이트에서와 비슷한 효과를 만듭니다. http://www.apple.com/mac/

슬라이더 막대를 클릭하면 핸들이 부드럽게 움직이지만 다른 div는 움직이지 않는 것이 문제입니다. 나는 "슬라이드"및 "변경"이벤트를 스크롤하여 다른 div 있습니다. 어떤 아이디어를 어떻게 다른 div에 대한 부드러운 스크롤을 얻을 수 있습니까?

jQuery에 미리 감사드립니다.

내 코드 : 나는 자바 스크립트를 사용하지만, 지금까지의 내가 jQuery를 기억하는 당신은 이미하고 있지만 애니메이션 효과를 사용하고 같은 일을 시도 할 수 있기 때문에

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

그것은 잠시이었다. 이것을 시도하십시오 :

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

이 코드는 즉시 작동하지 않을 수 있지만 잘하면 시작점 역할을 할 수 있습니다. 이 함수 문서에 대한 링크는 animate(params, [duration], [easing], [callback]) in Effects/animate입니다.