最近遇到个问题,下拉菜单放在模态框里面,如果页面展示数据不多的话下拉菜单里面的数据位置是正确的,但是数据多了就错位了。就变成了
正常是这样的
这是element的坑,看了网上别人的解决办法,我都没有发现好的。网上普遍使用popper-append-to-body=“false”这个属性,不然就是在加style 再写上!important,没有完美的解决,不过可以换一个思路来想,因为页面高度发生变化,才会导致这个问题发生,那如果我回到顶部不就可以避免了。所以就加了一句回到顶部的代码,自我感觉完美解决了。如果有不同方法的可以讨论一下。
document.documentElement.scrollTop = document.body.scrollTop = this.scrollTop = 0
如果要用的话,你可以在你唤起这个模态框的事件中加上,不会有影响。欢迎可以试试,自我感觉还是有效的。