Я создаю приложение React, которое работает как для настольных компьютеров, так и для мобильных устройств.
Приложению требовалось не поддерживать функцию 3D Touch в устройствах iOS (6 с или более).
У меня есть следующий фрагмент кода для тега a
и тега NavLink
.
Дело 1:
navLinks =
<a key={item.label + i} href={HomePageURL + item.navTo} role="button" target="_self">
{item.label}
</a>
Случай 2:
navLinks =
<NavLink key={item.label + i} to={item.navTo} target="_self">
{item.label}
</NavLink>
Код CSS:
a {
cursor: pointer;
transform: translate3d(0, 0, 0);
}
Как отключить 3D Touch, когда мы нажимаем на любую из ссылок на устройстве iOS (только 6с или выше)? Существующая функциональность, введите код, здесь включен 3D Touch.