vue 中 overflow: overlay 滚动条占用表格位置在ie浏览器中，如何解决

在 IE 浏览器中，`overflow: overlay` 不被支持，因此滚动条会占用表格的位置。你可以尝试以下两种解决方案来解决这个问题：

1. 使用 `overflow-y: scroll` 替代 `overflow: overlay`。

   .table-container {
     overflow-y: scroll;
   }

在包含表格的容器元素上添加 `overflow-y: scroll` 样式，这样会在需要时显示垂直滚动条，而不会影响表格的布局。但是请注意，在 IE 浏览器中，滚动条会一直显示，而不会只在需要时显示。

2. 使用 JavaScript 实现自定义滚动条。

你可以使用一些 JavaScript 插件或库来实现自定义滚动条，例如 PerfectScrollbar、SimpleBar 等。这些插件可以帮助你创建自定义的滚动条，并解决 IE 浏览器中滚动条占用表格位置的问题。你可以根据插件的文档和示例来使用它们。

不过需要注意的是，IE 浏览器的支持度已经较低，并且即将停止更新和支持。建议在可能的情况下，考虑使用其他现代浏览器来访问你的应用程序，以获得更好的用户体验和更好的兼容性。

相关问题

vue3设置完overflow:auo后，滚动条位置失效

如果您在Vue3中设置了overflow:auto，并且滚动条位置失效，可能是因为您没有使用正确的CSS属性。在Vue3中，您可以使用以下属性来设置滚动条的位置：

- scrollLeft：设置水平滚动条的位置
- scrollTop：设置垂直滚动条的位置

例如，如果您想将垂直滚动条设置为100px，您可以这样写：

<div style="overflow:auto; height:200px;" ref="scrollContainer" @scroll="onScroll">
  <div style="height:400px;">
    <!-- content here -->
  </div>
</div>

<script>
export default {
  methods: {
    onScroll() {
      const container = this.$refs.scrollContainer;
      container.scrollTop = 100;
    }
  }
}
</script>

请注意，在上面的代码中，我们使用@scroll事件来监听滚动事件，并在onScroll方法中设置滚动条的位置。您也可以在其他方法中设置滚动条的位置，例如在mounted钩子函数中。

vue设置overflow-y: auto;keepAlive滚动条位置不正确

可以尝试在keepAlive组件中添加一个ref属性，并在mounted生命周期中获取该组件的scrollTop属性，然后在activated生命周期中将scrollTop属性设置回去，以保持滚动条位置正确。具体代码如下：

<template>
<keep-alive ref="keepAlive">
<router-view></router-view>
</keep-alive>
</template>

<script>
export default {
mounted() {
this.scrollTop = this.$refs.keepAlive.$el.scrollTop;
},
activated() {
this.$refs.keepAlive.$el.scrollTop = this.scrollTop;
}
}
</script>