Журнал, как горизонтальная прокрутка в HTML5 и CSS3 - PullRequest
0 голосов
/ 13 декабря 2011

Я бы хотел использовать HTML5 и CSS3 для создания журнала вроде asidemag.com , но как я могу включить горизонтальную прокрутку таким образом?

Ответы [ 2 ]

0 голосов
/ 02 января 2012

Ознакомьтесь с treesaverjs.com, это фреймворк для создания веб-сайтов в стиле журнала.

0 голосов
/ 14 декабря 2011

Возможно, вы захотите начать думать о том, как люди определяют боковое смахивание, важный первый шаг в том, как эти вещи соединяются. Горизонтальная прокрутка - это не то, что «включено», а неотъемлемая часть «встроенного» журнала. Вы можете связаться с ними, чтобы узнать, как они это сделали, если хотите.

Ваши действия состоят в том, чтобы прочитать сенсорные события пользователя, понять, как они работают (направление), а затем, как обрабатываются видимые элементы на веб-странице, чтобы интегрировать поведение смахивания. Это будет зависеть от вашего уровня владения javascript, css и html5, а также от желания построить саму систему.

Я работал над механизмом для этого, но концепция asidemag.com обрабатывает данные не так, как мои. Они используют ajax для загрузки каждой страницы по мере необходимости, что позволяет создать журнал большего размера, а я просто загрузил целую веб-страницу и «создал» ее для чтения, как журнал. Они работают только на iPad, а мой работает на большинстве устройств, включая ie7.

Сколько усилий вы хотите инвестировать в создание журнала? Вы можете связаться с asidemag, чтобы узнать, как это сделать в их системе, если вы хотите, чтобы это было проще, или вы можете покопаться в сети, чтобы узнать, как это сделать самостоятельно, если у вас есть больше времени, чтобы посвятить этому.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...