使用产品：iserver 10i 操作系统：win10
数据类型：文件型
问题详细描述：最近在一个vue项目中引入了一个三维模型，已经实现点击模型弹出气泡显示属性的效果，但是气泡很容易在界面之外，因此想要询问关于固定气泡位置的方法，还请给出一个详细示例，非常感谢！以下为我定义的气泡代码：
<div v-if="dataForm.flag" id="bubble" class="bubble">
<p id="des" class="des"></p>
<el-row style="margin-top:-12px">
<el-button type="text" @click="f1" id="des1" class="des1">设计交底记录</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des2" class="des2">施工资料审查记录</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des3" class="des3">质量控制</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des4" class="des4">进度控制</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des5" class="des5">造价控制</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des6" class="des6">工程变更控制</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des7" class="des7">安全管理</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des8" class="des8">合同管理</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des9" class="des9">竣工验收</el-button>
</el-row>
<el-row style="margin-top:-10px">
<el-button type="text" @click="f1" id="des10" class="des10">信息管理</el-button>
</el-row>
</div>
