ScrollTo는 클릭 할 때마다 더 먼 거리를 다룹니다.

Question

안녕하세요, 저는 누군가가 도울 수 있기를 바랬습니다.

저는 ScrollTo jquery 플러그인을 사용하고 있으며 클릭 할 때마다 왼쪽으로 스크롤 할 때 점차적으로 큰 거리를 다루고 있습니다. 반대 방향으로 스크롤하려면 오른쪽으로 스크롤하여 항목을 다른 방향으로 다시 보내면 점차적으로 더 작은 거리를 다룹니다.

당신은 예를 볼 수 here

은 사람들이 무슨 일이 일어나고 있는지에 더 잘 볼하지만 난 함수를 호출하기 위해 사용하고 실제 코드를 가지고 소스를 볼 수 있는지 궁금

이

$(document).ready(function() { 
    $("#streetstyles_right_arrow").click(function() { 
     $("#streetstyles-pane").scrollTo({top:'+=0px',left:'+=470px'}, 370); 
     $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'+=470px'}, 370); 
    }); 

    $("#streetstyles_left_arrow").click(function(){ 
     $("#streetstyles-pane").scrollTo({top:'+=0px',left:'-=470px'}, 370); 
     $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'-=470px'}, 370); 
    });   
}); 

입니다

도움을 주시면 감사하겠습니다.

jQuery ScrollTo는 클릭 할 때마다 더 큰 거리를 나타냅니다.

Answer 1

너무 많이 지나치다. 470px을 스크롤하려면 상자의 너비는 460px이어야합니다 (오른쪽 여백 5px, 오른쪽 여백 + 5px 오른쪽 여백). 현재 너비는 450px입니다.

또는 너비를 줄여 10px 스크롤하십시오.

Answer 2

변경이에 document.ready 코드 ...

$(document).ready(function() { 
    $("#streetstyles_right_arrow").click(function(){ 
     $("#streetstyles-pane").scrollTo({top:'+=0px',left:'+=460px'}, 370); 
     $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'+=480px'}, 370); 
    }); 

    $("#streetstyles_left_arrow").click(function(){ 
     $("#streetstyles-pane").scrollTo({top:'+=0px',left:'-=460px'}, 370); 
     $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'-=480px'}, 370); 
    }); 
}); 

첫 번째 창은 너무 멀리 스크롤되고 제 2 창은 충분히 스크롤되지 않았습니다.