Safari на Mac не обновляет/перерисовывает после наведения

99
10

У меня есть проблема с сафари с эффектом зависания: когда пользователь перемещается по кругу, над ним должен появляться другой круг (смещение).

Это работает, но когда пользователь перемещает свой курсор от кругов, части кругового круга все еще остаются, пока браузер не перерисовывает сайт (не уверен, что "перерисовать" - правильный термин). Вы можете сделать это с помощью Cmd + A, чтобы выбрать, например, весь текст. Тогда зависание - остатки исчезнут.

Я думаю, что пример показывает это лучше всего: http://jsfiddle.net/L81h9hjr/3/

<div class="wrap">
<h1><a href="#"><span>Reply<span>Our services</span></span></a></h1>
</div>

Пример работает безупречно в другом браузере, который я тестировал, поэтому вам нужен Mac Safari (я попробовал 8.0.6).

спросил(а) 2021-01-25T13:08:48+03:00 4 месяца, 2 недели назад
1
Решение
78

Это проблема перерисовки/перерисовки с Safari/webkit (не уверен, почему это происходит только в Safari, а не в Chrome).

Я работал над этой проблемой, связав событие jQuery с элементом hover, который заставил его окружить/родительские элементы перерисовать (в моем случае, hide(), а затем show (0)).

  $('.hover-element').on('mouseleave',function(){
$(this).parents(".containing-element").hide().show(0);
});

Убедитесь, что вы используете show (0), а не только show(), по какой-то причине простой старый show() не запускается без аргумента анимации.

ответил(а) 2021-01-25T13:08:48+03:00 4 месяца, 2 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема