scrollTop为什么不会触发

今天遇到一个问题,我给元素添加scrollTop,scrollTop不会触发,我要做的是在点击回到顶部

首先在vue中保证scrollTop触发,需要使其父元素有高度,我的设置100%

最简单是,给想要点击元素添加id或者ref属性,获取到该元素,然后通过如下代码使其回到顶部

this.$refs.maindiv.scrollTop =  0;

这个回到顶部有点僵硬,大家可以试试如下方法:

const selectedTab = document.getElementById("rule");
      selectedTab.scrollIntoView({
        behavior: "smooth",
        inline: "center",
        block: "center"
      });

只需要把id换成自己的元素的id即可