vue 滚动到指定位置

最新推荐文章于 2024-09-03 15:38:58 发布

String佳佳

最新推荐文章于 2024-09-03 15:38:58 发布

阅读量793

点赞数

本文链接：https://blog.csdn.net/weixin_44171757/article/details/114371568

版权

效果图：

在这里插入图片描述

核心代码：document.getElementById(‘test2’).scrollIntoView()


	  <div class="infoBox" ref="infoBox" style="height: 300px;overflow: auto">
        <div v-html="info"></div>
      </div>

  	this.info = '<div>\n' +
        '          <p>1------java执行信息1</p>\n' +
        '          <p>1------java执行信息1</p>\n' +
        '          <p>1------java执行信息1</p>\n' +
        '          <p>1------java执行信息1</p>\n' +
        '        </div>\n' +
        '        <div id="test2">\n' +
        '          <p>2------java执行信息2</p>\n' +
        '          <p>2------java执行信息2</p>\n' +
        '          <p>2------java执行信息2</p>\n' +
        '          <p>2------java执行信息2</p>\n' +
        '          <p>2------java执行信息2</p>\n' +
        '          <p>2------java执行信息2</p>\n' +
        '        </div>\n' +
        '        <div id="test3">\n' +
        '          <p>3------java执行信息3</p>\n' +
        '          <p>3------java执行信息3</p>\n' +
        '          <p>3------java执行信息3</p>\n' +
        '          <p>3------java执行信息3</p>\n' +
        '          <p>3------java执行信息3</p>\n' +
        '          <p>3------java执行信息3</p>\n' +
        '        </div>'
    this.$nextTick(() => {
      document.getElementById('test2').scrollIntoView()  //滚动到指定位置
    })