Я пытаюсь расположить прыгающую стрелку смахивания вниз как часть мобильной формы.
Форма демонстрации
Поскольку это готовый плагин формы типа, любой вставляемый HTML-код вставляется сразу после открывающего тега.
CSS
.downArrow{z-index:1;position: fixed;bottom: 45%;left: 65%;}
HTML
<div class="downArrow bounce" id="helper" style="display:block;">
<p class="downHelper">swipe</p>
</div>
Проведите пером вниз
Теперь это отлично работает в других браузерах; но в iOS Safari элемент не отображается. Действительно застрял на этом, вот что я пытался до сих пор:
- Изменение Z-индекса: если я подниму z-индекс вверх, я увижу элемент, но больше ничего на странице
- Добавление -webkit-transform: translate3d (0,0,0); в обертку, без изменений