Ответ по частям:
Создаем мобильный сайт и хотим создать ротатор, который будет работать так же, как на мобильном сайте yahoo.com.Я могу провести пальцами влево или вправо, и это будет смахивать новости
. Вы можете использовать iScroll 4 для создания областей прокрутки на вашей странице.Это довольно просто, и я уже реализовал это.
Я не дам вам никакого кода, но краткое объяснение:
Когда вы запускаете iscroll, вам нужно дать ему идентификаторделениеПервым дочерним элементом этого div будет скроллер, поэтому вы должны объявить 2 div.Один как обертка (и тот идентификатор, который вы дадите iscroll), а один внутренний, который будет прокручиваться.В эту секунду вы добавите все, что хотите прокрутить.
В вашем случае было бы хорошо сделать как UL> LI, а затем добавить опцию snap: li в iscroll, чтобы она не застряла между новостями., он будет прыгать с li на li, как у yahoo.
Я не смог найти его, используя мой компьютер, но на моем iphone, и я предполагаю, что Android появится.
Для этого вам нужно подделать свой User-Agent, чтобы на странице Yahoo отображалась мобильная версия.В Firefox найдите плагин User-Agent Switcher (нажмите здесь, если вам лень) .
После установки перейдите в «Инструменты» и вы увидите серый шар с надписью «Пользователь по умолчанию».-agent.Откройте его и выберите iPhone, например,
Если вы снова зайдете в Инструменты, вы заметите, что серый шар теперь синий.Это означает, что вы теперь притворяетесь, что ваш UA - iPhone, и теперь большинство страниц, имеющих мобильные версии, станут мобильными.И затем вы можете проверить Firebug, чтобы узнать, как они это сделали.
НО имейте в виду, что они могли создать код только для сенсорных событий и, конечно, не будут работать с мышью.(Если они использовали iScroll, возможно, они активировали опцию desktopCompatibility, и тогда она будет работать, если вы перетаскиваете мышью.)