element中在长页面滚动时,下拉弹框没有跟随移动的问题

具体问题如图:

el-dropdown

 el-select

网上常规解决办法:

el-select解决办法        :popper-append-to-body=“falsel-d

 el-dropdown解决办法  没有找到

我的解决办法(参考:element-ui/src/util/popper.js):

弹出框随着滚动条移动的原理是通过监听window   resize;而页面的弹出框是挂在了body下,所以滚动条要在最外层设置overflow:auto;其他层尽量不要设置,如果遇到这种问题可以F12去掉相应的overflow属性进行测试。

如下图:

问题的本质就是overflow的设置问题。


版权声明:本文为qq_37236241原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。