Question

我想在个人资料图片旁边放置一个FAB（相机）（响应）。由于个人资料图片的位置根据屏幕大小而变化，我想计算按钮相对于个人资料图片的位置。

我尝试了这个，但按钮一直定位到照片的末尾。

<ion-content padding>
    <div  style="position:relative">
        <ion-item>
            <ion-avatar><img src="../../assets/AJ_pic.jpg" alt=""></ion-avatar>
            <button ion-fab mini color="primary" style="position:relative; bottom:0; right:0; transform: translate(0%, 0%);"><ion-icon name="camera"></ion-icon></button>
        </ion-item>
</div>

它应该像Whats'App界面。

FAB 不应该是固定位置，因为该页面是可滚动的。有什么建议吗？

Answer 1

使用

position: absolute

简单演示：

https://jsfiddle.net/5t49m2r8/

响应的个人资料图片旁边的FAB按钮的相对位置

1 个答案: