Отрицательный запас jquery - PullRequest
Новая
       10

Отрицательный запас jquery

0 голосов
/ 14 мая 2018

Я пишу анимационное меню на сайте

Когда вы наводите курсор на первый или третий элемент меню, между текстом появляется дополнительный текст. Теперь я скрываю это с отрицательным полем, и с :hover я даю ему margin: 0

Проблема с iPhone В первом абзаце есть два слова в дополнительном тексте. На iPhone не правильно считает отступ и текст пересекает друг друга.

Ниже приведен скрипт, который считает и устанавливает правильное поле 

$(function (){

    $('.multi-link span').each(function(){
        var w = $(this).width();
        $(this).css({
            'margin-right': w*(-1)
        });
    });

});

<li>
    <a class="header__menu-link multi-link" href="#">
        о <span>яркие впечатления</span> нас
    </a>
</li>

Как решить подобную проблему? Спасибо!

...