div盒子出现滚动条之后，有办法赋值回到顶部吗，不刷新页面的状态下？

Question

现在是一个div被子数据撑起了滚动条，里面是个element table，滚动条滑动到底部的时候，选择分页，滚动条不会重新返回顶部，还是在原来的位置，如何回到顶部？ 不是浏览器滚动条

Answer 1

外部div设置overflow：scroll，然后点击操作直接让其滚动到顶部

<template>
    <div class="container" ref="container">
        <table>
            <tr>
                <td>hhhhhh</td>
                <td>111111</td>
            </tr>
            <tr>
                <td>hhhhhh</td>
                <td>111111</td>
            </tr>
            <tr>
                <td>hhhhhh</td>
                <td>111111</td>
            </tr>
            <tr>
                <td>hhhhhh</td>
                <td>111111</td>
            </tr>
            <tr>
                <td>hhhhhh</td>
                <td>111111</td>
            </tr>
            <tr>
                <td>hhhhhh</td>
                <td>111111</td>
            </tr>
        </table>
        <button @click="backTop">操作</button>
    </div>
</template>
<script>
export default {
  props: {
    data: String
  },
  components: {},
  data () {
    return {
    }
  },
  methods: {
    backTop () {
      console.log(this.$refs.container.scrollTop)
      this.$refs.container.scrollTop = 0
    }
  }
}
</script>
<style scoped>
.container{
  height: 500px;
  background: #ffffff;
  overflow: scroll;
}
tr{
    height: 200px;
}
</style>

Answer 2

你这个在点击翻页后直接用js设置一下这个div的scrollTop属性值为0 就好了啊

Answer 3

iview 的希望能帮到你 https://www.iviewui.com/compo...