Журнальная горизонтальная прокрутка в HTML5 и CSS3

Question

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

Answer 1

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

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

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

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

Answer 2

Посмотрите на treeaverjs.com, это основа для создания веб-сайтов в стиле журнала.