2010-07-14 11 views
1

잠시 동안 마지막 질문입니다!scrollTo를 사용하여 x 축을 따라 이동

나는 수평 포트홀리로 사이트를 만들고 있으며 사용자가 이미지를 쓸어 넘기 위해 다음/이전 스타일 탐색을 만들 때 scrollTo 플러그인을 사용하여 도움을 찾고 있습니다.

 <div id="contentRight"> 

     <ul id="direction"> 

      <li id="next"><a id="forward">Next</a></li> 
      <li id="prev"><a id="back">Previous</a></li> 

     </ul> 

     <table id="work"> 

      <tr> 

       <td id="horseOneImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseTwoImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseThreeImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseFourImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseFiveImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseSixImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseSevenImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseEightImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 

      </tr> 

     </table> 

    </div> 

그리고 내 현재의 실패 jQuery를은 다음과 같습니다 :

내 HTML은 #forward 또는 #back을 클릭하면

$('#forward').click(function() { 
    $('table#work tr').stop().scrollTo('+=636', 800, {axis:'x'}); 
}); 
$('#back').click(function() { 
     $('table#work tr').stop().scrollTo('-=636', 800, {axis:'x'}); 
    }); 

불행하게도 테이블 그럴 필요가 이동하지 않습니다.

아무도 아이디어가 없습니까?

추가 정보 - 고정 폭이없는 동적 수평 사이트에서 모범 사례로 사용되므로 표가 사용됩니다.

답변

0

나는 창을 스크롤 할 때 내가 실제로해야 할 필요가있는 것처럼 테이블을 스크롤하려고하는 실수를 한 것으로 보인다! 작동중인 jQuery는 다음과 같습니다.

$('#forward').click(function() { 
    $.scrollTo('+=560px', 800, { axis:'x' }); 
}); 
$('#back').click(function() { 
    $.scrollTo('-=560px', 800, { axis:'x' }); 
}); 
1

포기하지 마십시오! 이 시도하고 날이 당신이

http://avinash.tk/dan/ 그냥 이전 게시물에 코드를 수정하려면 원하는됩니다 수 있도록하는 봐이 친구에 대한 scrollTo and horizontal tables

+0

감사합니다, 나는 포기하지 않았다 - 단지 대안을 알아 냈어 모든 것을 작동시키는 방법. 그래도 도움을 주셔서 감사합니다. – DanC

관련 문제