Зависает :hover при нажатии на мобильных устройствах как этом можно иправить?

Question

[FronzZ]

Всем привет! Подскажите как можно исправить эффект закисания hover на устройствах с тач скрином? На десктопах все работает идеально т.е навожу мышку появляется нужный цвет у кнопки убираю мышку цвет становиться по умолчанию, но на мобилках если нажать кнопку идет зависание цвета hover.

.to-up {
  position: fixed; /* фиксированная позиция */
  color: #fff; /* цвет текста */
  background-color: #3aa111; /* цвет заднего фона */
  right:  5px; /* расстояние от правого края */
  bottom: 80px; /* расстояние от нижнего края */
  padding: 13px 13px; /* отступы до содержимого блока */
  border-radius: 100%; 
  cursor: pointer; /* форма курсора */
  display: none; /* не отображать элемент */
  text-align: center; /*выравнивание содержимого элемента по центру */
}
div.to-up:hover {
  background-color: orange; /* цвет заднего фона при наведении */
}

Cпасибо!

Comments

[Lord_Dantes]

Нету никакого зависания, в мобилке ховер это нажатие и удержание на элемент. Даже если после этого отпустить это так и работает.

[Rustam Bainazarov]

Как поставить hover на тачпад?

[FronzZ]

Lord_Dantes, Зависание есть... Как пример: У вас есть кнопка наверх она по умолчанию зеленого цвета. Вы добавили к ней :hover (оранжевый цвет), чтобы пользователю было понятней взаимодействовать с ней (т.е он видит нажал ли он на нее или нет, сменился ли цвет или нет). И вот когда он берет телефон в руки и нажимает на эту кнопку вверх, цвет этой кнопки остается оранжевым (т.е. как будто бы я, постоянно на таргете держу эту кнопку) при этом я могу скролить вниз, вверх и цвет отстается таким же... Он изменится на зеленый только если я куда нибудь нажму пускай даже это будет пустое место. А нужно чтобы он показал что я нажал на нее и тут же вернулся к своему дефолтному цвету т.е зеленому. Как то так)

[Rustam Bainazarov]

FronzZ, я скинул вам ссылку на ответ, который решит все ваши проблемы.

[FronzZ]

Рустам Байназаров, Да, спасибо! Как раз изучаю его)

Answer 1

[Yupiter7575]

В чем смысл добавлять наведение на экранах где по определению не может быть наведения? Врятли это можно исправить, просто уберите через media запросы - лучше спать будете

Comments

[Rustam Bainazarov]

Не нужно убирать ничего, это индикация нажатия. Просто для тач-устройств нужно иначе, к сожалению, писать стили.

Как поставить hover на тачпад?