我们尝试在GMail中实现一个动作按钮来添加新内容。 因此,它必须在滚动期间修复。
这很简单,这是HTML:
<div class="addButton actionButton" onclick="">
<i class="fa fa-fw fa-plus"></i>
</div>
和CSS:
.addButton
{
position: fixed;
bottom: 1em;
right: 1.5em;
z-index: 10;
background-color: #00aa00;
}
在Android和浏览器上,它的工作方式就像魅力一样,在iOS中则不然。 也许添加我们得到的幻灯片视图和其中一个父div获得一个位置:亲戚。
每当我们滚动时,按钮就会停留在它的位置。当我们使用下一张幻灯片并向后滑动时,按钮是正确的。似乎iOS不更新视口。有什么想法吗?