- 如图,element-ui的select、dropdown等组件在滚动条滚动时,并没有随着滚动,而是固定在屏幕上,随后查看控制台发现,弹窗处于最body层内
- 有很多博主都在文章里使用了官网的这个popper-append-to-body属性,但是我的样式就出现了overflow的问题,并且这个并不是我自己加的样式。
3.检查控制元素,el-main类就包含有overflow:auto样式,
- 于是我就在element-ui.scss 文件中添加代码修改样式.el-main{ overflow: visible; }就解决了这个问题,并且并不需要添加popper-append-to-body属性。一行代码就解决了下拉框el-select和下拉菜单el-dropdown弹窗不随滚动条移动问题。