Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.04.2020, 01:36
Новичок на форуме
Отправить личное сообщение для painkiller Посмотреть профиль Найти все сообщения от painkiller
 
Регистрация: 29.04.2020
Сообщений: 2

Плавный обмен табами
Всем здравствуйте!
Помогите, пожалуйста, с идеей (да и с кодом ) реализацией сдвига заголовков. Допустим если пользователь выбирает "Карта", то этот таб сдвигается вверх, потом сдвигается налево и встает над "Профиль акции" и занимает его место. А "Профиль акции" и "Подписки" перемещаются на один сдвиг на право.
Ну а вообще в целом, наверное, нужно создать слайдер внутри телефона, а табы будут его dots? Или просто Табы с прикрепленными текстами и как-то отлавливать слайдер в телефоне?

Посмотрите, пожалуйста, на фото

Вот как объясняется:
- При клике(тапе) на загловок он должен сдвигаться по минимальной дистанции и становиться справа от телефона. Текст описания при этом сменяется через альфу. Экран на мобильном также слистывается на соответствующий.
- Экран телефона должен реагировать на свайп - слистываться пальцем и переключать активный заголовок.
- Смещение заголовков должно быть с плавным ускорением и замедлением, без фиксаций в промежуточных позиций.
Изображения:
Тип файла: jpg Снимок.jpg (11.2 Кб, 4 просмотров)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плавный скроллинг wordpress не работает! killok Ваши сайты и скрипты 0 19.01.2016 03:22
Плавный переход к элементу по внешней ссылке deniskutovskiy jQuery 13 16.10.2015 22:30
css анимация, плавный вовзрат к начальному значению FanAizu (X)HTML/CSS 4 16.01.2014 17:49
синхронный обмен в Chrome matfor2013 AJAX и COMET 0 02.12.2013 15:41
Плавный скролл колёсиком Alerto Элементы интерфейса 5 27.08.2009 11:46