Вопрос чисто теоретический.
Возможно ли сделать на "HTML+ что-то", чтобы страницы можно было менять жестом прокрутки как в слайдере (приложении) мобильного устройства ?
Полная Версия: смена страницы как в приложении
когда-то использовал swipe.js
Kusss
Можно с помощью JS, конечно же.
Делаешь как то так:
1. Опредляешь жест во время touch событий
2. Делаешь антмацию прокрутки
3. После окончания анимации подгружаешь нужный контент и показываешь пользователю
Для определения жестов наверное имеются библиотеки для JS. В крайнем случае можно воспользоватся ontouch(begin|move|end) и event объектом, во время события, чтобы проверить жест с помощью его свойств вроде .scale, .rotate
Ну а после захвата жеста просто подгружаешь другую страницу как PJAX.
Для анимации свайпа можешь посмотреть как устроен свайп слайдеров с поддержкой свайпа, у них анимация очень гладкая обычно.
_____________
Мой блог
Можно с помощью JS, конечно же.
Делаешь как то так:
1. Опредляешь жест во время touch событий
2. Делаешь антмацию прокрутки
3. После окончания анимации подгружаешь нужный контент и показываешь пользователю
Для определения жестов наверное имеются библиотеки для JS. В крайнем случае можно воспользоватся ontouch(begin|move|end) и event объектом, во время события, чтобы проверить жест с помощью его свойств вроде .scale, .rotate
Ну а после захвата жеста просто подгружаешь другую страницу как PJAX.
Для анимации свайпа можешь посмотреть как устроен свайп слайдеров с поддержкой свайпа, у них анимация очень гладкая обычно.
_____________
Мой блог
| Цитата (Kusss @ 6.10.2015 - 15:08) |
| Возможно ли сделать на "HTML+ что-то" |
Да, можно
JS тебе в руки. И заодно библиотеку типа jQuery.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Представляю как будет клинить на обычном компьютере...
_____________
Бесплатному сыру в дырки не заглядывают...
_____________
Бесплатному сыру в дырки не заглядывают...
FatCat
можно программно определять, поддерживаются ли touch-события
_____________
Профессиональная разработка на заказ
Я на GitHub | второй профиль
можно программно определять, поддерживаются ли touch-события
_____________
Профессиональная разработка на заказ
Я на GitHub | второй профиль
| Цитата (FatCat @ 6.10.2015 - 22:44) |
| Представляю как будет клинить на обычном компьютере... |
Почему? Нормально будет на компьютере.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
| Цитата (sergeiss @ 6.10.2015 - 21:55) |
| Почему? |
Потому что движение пальца по тачпеду - это движение мыши без нажатия кнопки.
_____________
Бесплатному сыру в дырки не заглядывают...
| Цитата (FatCat @ 6.10.2015 - 23:18) |
| Потому что движение пальца по тачпеду - это движение мыши без нажатия кнопки. |
Движение по тачпаду - это мышь с нажатой кнопкой
Только так и никак иначе. Полный аналог того, что ты нажал пальцем и ведешь по экрану смартфона. "Отпустил мышУ" === "убрал палец с экрана".И никаких проблем с производительностью тут нет и быть не может.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Ага, значит это возможно. Нужно будет как нибудь попробовать сделать примерчик.
я так понимаю, это все будет работать только при условии поддержки браузером элемента "history.pushState". То есть поддерживающее HTML5.
Просто мне предстоит реализовать следующую фигню.
Будут закладки ссылки. При выборе закладки хочу менять адрес страницы (только его). Контент будет загружаться сразу для всех "страниц" и прятать лишнее.
Хочется совета. Целесообразно так делать ?
я так понимаю, это все будет работать только при условии поддержки браузером элемента "history.pushState". То есть поддерживающее HTML5.
Просто мне предстоит реализовать следующую фигню.
Будут закладки ссылки. При выборе закладки хочу менять адрес страницы (только его). Контент будет загружаться сразу для всех "страниц" и прятать лишнее.
Хочется совета. Целесообразно так делать ?
| Цитата (Kusss @ 7.10.2015 - 00:12) |
| я так понимаю, это все будет работать только при условии поддержки браузером элемента "history.pushState". |
Если говорить про твой начальный вопрос, то эта поддержка не нужна. Потому что в начальном вопросе не было сказано про изменение адреса.
| Цитата (Kusss @ 7.10.2015 - 00:12) |
| Хочется совета. Целесообразно так делать ? |
От объема инфы зависит. И от вероятности прочтения всего объема.
Если будет, допустим, 20 страниц, все объемные, но большинство людей будет смотреть только 1-2 страницы, то просто нецелесообразно будет грузить всё сразу. Если же страницы "легкие", то можно и сразу
Или если ты уверен, что с высокой вероятностью всё прочитают.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
JQuery Mobile Там уже всё есть.
_____________
[продано копирайтерам]
_____________
[продано копирайтерам]
Здесь расположена полная версия этой страницы.