jQuery горизонтальная прокрутка в asp.net mvc

Question

Возможно ли реализовать горизонтальную прокрутку jQuery в asp.net mvc? Я думаю, что в этом случае это одна и та же страница с разными div в ней. Но в моем случае при нажатии кнопки я хочу загрузить другую страницу с горизонтальной прокруткой.

JQuery Пример:

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

Благодаря

Answer 1

круто,

взглянули на вашей реф странице (http://tympanus.net/Tutorials/WebsiteScrolling/index.html), все это действительно делает прокрутки дивы в поле зрения, которые расположены за пределами области просмотра , есть много прокручивающих jquery-плагинов, которые делают это, и в вашем случае все, что вам нужно, это аналогичная настройка основной концепции на вашей странице ref. Я посмотрел на это и вот это все, что в основном происходит:

<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 скрипт. в лучшем случае, демонстрация действительно упрощает вашу проблему в очень ясный и наглядный подход к вашей проблеме - взгляните на нее внимательно, ответ есть! Если требуется ajax, то это просто вопрос расширения вышеупомянутого кода ядра, чтобы охватить это (наряду с семантикой html, конечно).

надеюсь, что это поможет, так как я уверен, что вы все равно на 90%.

Answer 2

Вы могли бы попробовать создать горизонтальной прокрутки анимации в CSS, то при нажатии на кнопку, отображать эту анимацию при загрузке следующей страницы через AJAX , как только страница будет загружена, заполните dom содержимым страницы в следующем div и завершите анимацию css.