在css中，可以使用visibility屬性來(lái)設(shè)置占位隱藏，語(yǔ)法 visibility:hidden;；該屬性規(guī)定元素是否可見(jiàn)，當(dāng)值為“hidden”時(shí)，表示元素是不可見(jiàn)的，但也會(huì)占據(jù)頁(yè)面上的空間，并對(duì)網(wǎng)頁(yè)的布局起作用。需要子級(jí)可顯示時(shí)，語(yǔ)法visibility: visible

以u(píng)niapp中的movable-area、movable-view為例

<movable-area class="movabelArea">
    <movable-view class="max" direction="all" inertia="true" @click="backHome">
        <image class="homeImg" src="/static/images/home.png"></image>
    </movable-view>
</movable-area>

 .movabelArea{
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 100;
        visibility: hidden;
    }
    .max{
        background-color: #1890ff;
        width: 108upx;
        height: 108upx;
        border-radius: 50%;
        text-align: center;
        box-shadow: 4upx 4upx 16upx #999;
        position: absolute;
        bottom: 96upx;
        right: 88upx;
        top: auto;
        left: auto;
        z-index: 45;
        visibility: visible;
    }
    .homeImg{
        width: 48upx;
        height: 48upx;
        display: inline-block;
        margin-top: 28upx;
    }

效果如圖：

可隨意移動(dòng)首頁(yè)按鈕.png