具体的样子是这样的:
在IE下
可以看到,在IE下表格的右边有一部分被遮盖住了。
与之对比,在谷歌浏览器下:
这个原因是由于这段样式导致的:
在谷歌浏览器下:
在IE浏览器下:
解决思路就是:
判断是IE浏览器的时候,加增加一段css
<vue-scroll :style="ieStyle"></vue-scroll>
computed: {
ieStyle() {
if ('-ms-scroll-limit' in document.documentElement.style && '-ms-ime-align' in document.documentElement.style) {
return 'padding-right:83px;'
}
},