iOS位置:固定和滚动

iOS position:fixed and scrolling

本文关键字:滚动 位置 iOS      更新时间:2023-09-26

我们尝试实现一个像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上它不是。也许可以添加我们得到了asslideview其中一个父div得到了position:relative。

每次我们滚动,按钮保持在它的位置。当我们使用下一张幻灯片并向后滑动时,按钮是正确的。似乎iOS并没有更新视窗。什么好主意吗?

我也有同样的问题,似乎每当我做"模拟"时在iOS设备中,我在x轴上有一个小滚动条。当你滚动的时候,我猜它会对" position: fixed "产生影响元素。这总是解决我所有的问题& position: fixed&;元素在iOS设备中。html{overflow-x: hidden} body{overflow-x: hidden} .