asp.net mvc에서 jQuery 가로 스크롤

Question

asp.net mvc에서 jQuery 가로 스크롤을 구현할 수 있습니까? 이 경우에는 다른 div가있는 동일한 페이지가 있다고 생각합니다. 하지만 제 경우에는 버튼을 클릭 할 때 가로 스크롤을 사용하여 다른 페이지를로드하려고합니다.

jQuery를 샘플 :

http://tympanus.net/Tutorials/WebsiteScrolling/index.html

감사

버튼을 클릭하면 아약스를 통해 다음 페이지를로드하는 동안

Answer 1

멋진,

이 심판 페이지를 참조 (http://tympanus.net/Tutorials/WebsiteScrolling/index.html)했다, 정말 않는 모든 뷰포트 외부에 배치되어보기로 스크롤 div의입니다 . 이 작업을 수행하는 많은 스크롤 jquery 플러그인이 있으며, 필요한 경우 참조 페이지의 핵심 개념과 유사한 설정이 필요합니다. 나는 한 번 봐 가지고 여기에 기본적으로 발생하는 모든입니다 :

<script type="text/javascript"> 
    $(function() { 
     $('ul.nav a').bind('click', function (event) { 
      var $anchor = $(this); 
      /* 
      if you want to use one of the easing effects: 
      $('html, body').stop().animate({ 
      scrollLeft: $($anchor.attr('href')).offset().left 
      }, 1500,'easeInOutExpo'); 
      */ 
      $('html, body').stop().animate({ 
       scrollLeft: $($anchor.attr('href')).offset().left 
      }, 1000); 
      event.preventDefault(); 
     }); 
    }); 
</script> 

, 즉 그 데모에서 3 개 영역에 대해, 3 매우 독특한 '행동'이 JQuery와/JS 스크립트를 통해 호출됩니다. 기껏해야이 데모는 문제를 매우 명확하고 논증 할 수있는 접근 방식으로 단순화합니다. 자세히 살펴 보겠습니다. 대답은 거기에 있습니다! 아약스가 필요하다면 위의 핵심 코드를 확장하여 (물론 html 의미론과 함께)이를 수용해야합니다.

내가 도움이되기를 바랍니다. 어쨌든 90 %의 길을가는 것이 확실합니다.

Answer 2

당신은 아마도 CSS에서 가로 스크롤 애니메이션을 만들어보십시오, 다음, 그 애니메이션을 표시 할 수 있습니다 일단 페이지가 다운로드되면, 다음 div의 페이지 내용으로 DOM을 채우고 CSS 애니메이션을 끝내십시오.