vue直播在手机上发表评论滚动条自动跳到最低部

注：主要是el-main的高度和绝对定位必须设置(样式在下面)

html

<el-main id="message" v-html="remsg" class="scrolldivmain">some code</el-main>

js

 

  updated() {

    this.scrollToBottom();

  },

  methods: {

    scrollToBottom() {

      this.$nextTick(() => {

        setTimeout(() => {

          var scrollTop = this.$el.querySelector(".scrolldivmain");

          scrollTop.scrollTop = scrollTop.scrollHeight;

        }, 13);

      });

    },

  }

css

 

#message {

  width: 100%;

  height: 200px;

  position: absolute;

  overflow: auto;

}