el-popover定位问题

在el-table中嵌套el-popover,出来的弹框不会随着窗口的滚动而滚动

clipboard.png

clipboard.png

阅读 29.7k
5 个回答

谢邀!


element-ui封装此组件的时候就是固定了位置,虽然可以利用offset来自定义偏移量,但是并没有提供可以随屏幕滚动的功能。

从实际用途来看,确实也并不需要这么一个功能,这是一个弹出层,点击点出后,用户要对其在原位置修改,跟随滚动使用场景并不多,因此提供这么几个想法以供参考:
1、出现弹出框时,禁止屏幕滚动
2、自己封装一个组件,用于实现和popover组件差不多的功能,但是可以跟随屏幕滚动
3、出现弹出框时,用户滚动屏幕,当popover因滚动被遮挡一部分之后,关闭弹框


希望我的回答对你有所帮助!

appendtobody设置false应该就可以了

亲你这个问题解决了吗?我也遇到一样的不知道到怎么解决

新手上路,请多包涵

我也遇到了这个问题,最后我检查发现我把body设置了height:100%, 去掉即解决

:append-to-body="false"即可

推荐问题