Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.10.2018, 10:16
Кандидат Javascript-наук
Отправить личное сообщение для yaparoff Посмотреть профиль Найти все сообщения от yaparoff
 
Регистрация: 26.04.2016
Сообщений: 106

Эффект hover на мобилках
Есть блок. Если потомки в него не влезают то он скроллится горизонтально, при этом чтобы его скроллить достаточно вводить по нему мышкой http://skrinshoter.ru/s/151018/A00PUIJs
https://codepen.io/anon/pen/WaZVja

Логика такая: если содержимое контейнера больше чем ширина контейнера, то при наведении (событие mousemove) мы добавляем свойство trasform: translateX
и тогда содержимое начинает двигаться
Это все работает на десктопе. Но на мобилках это не работает

Как это исправить

Последний раз редактировалось yaparoff, 15.10.2018 в 10:23.
Ответить с цитированием
  #2 (permalink)  
Старый 15.10.2018, 10:26
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Сообщение от yaparoff
Как это исправить
Добавить горизонтальный скролл и не париться?
Ответить с цитированием
  #3 (permalink)  
Старый 15.10.2018, 10:27
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Если на мобилках сделать прокрутку тачем, то нужно другое событие для перехода по ссылкам.
Ответить с цитированием
  #4 (permalink)  
Старый 15.10.2018, 12:10
Кандидат Javascript-наук
Отправить личное сообщение для yaparoff Посмотреть профиль Найти все сообщения от yaparoff
 
Регистрация: 26.04.2016
Сообщений: 106

Сообщение от Nexus Посмотреть сообщение
Добавить горизонтальный скролл и не париться?
Спасибо, только вот теперь стоит вопрос как этот горризонтальный скролл спрятать, но при этом чтобы можно было горизонтально скроллить
Ответить с цитированием
  #5 (permalink)  
Старый 15.10.2018, 12:14
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от yaparoff
Спасибо, только вот теперь стоит вопрос как этот горризонтальный скролл спрятать, но при этом чтобы можно было горизонтально скроллить
Вернулись к тому - с чего начинали.
Ответить с цитированием
  #6 (permalink)  
Старый 15.10.2018, 12:24
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Сообщение от yaparoff
как этот горризонтальный скролл спрятать
Зачем?
На мобильных устройствах сколлбар почти незаметен, в отличии от win.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
hover эффект при наведении РОКЕР (X)HTML/CSS 8 01.03.2018 00:47
Изменение свойства :hover по клику дива BoB jQuery 6 21.10.2012 13:36
Установка цвета через функцию .css() сбрасывает цвет для :hover xintrea jQuery 4 18.08.2012 15:38
:hover и :active у дочерних и родительских элементов Dimus Элементы интерфейса 6 03.06.2012 19:54
Изменение стиля родительского элемента при :hover дочернего lanzs Элементы интерфейса 2 16.10.2010 13:28