el-popover定位问题

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

clipboard.png

clipboard.png

阅读 29.4k
5 个回答

谢邀!


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

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


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

appendtobody设置false应该就可以了

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

新手上路,请多包涵

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题