将固定元素定位在iOS Safari上？

Question

我正在尝试将弹跳的向下滑动箭头定位为移动表单的一部分。

Form demo

因为这是一个现成的表单插件，所以我插入的任何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>

Swipe down pen

现在，这在其他浏览器上也可以正常工作；但在iOS Safari中该元素不会显示。确实有困难，这是我到目前为止尝试过的：

• 更改Z索引：如果我顶起z索引，我会看到该元素，但页面上没有其他内容
• 添加-webkit-transform：translate3d（0,0,0）;到包装器，没有任何变化