在我们开发的时候,难免会碰到某些按钮点击之后复制一份追加到元素中,这个时候需要页面的滚动条滚动到新添加的一行哪里,让用户又更好的体验感
1.在所需要滚动的元素上面添加ref属性
该元素也需要添加overflow-y: scroll;
.detailContent{
width: 100%;
height: calc(100% - 90px);
overflow-y: scroll;
background: #fff;
border-radius: 15px;
padding: 20px;
box-sizing: border-box;
}
2.我们可以在添加按钮中,使用nextTick钩子函数,执行滚动条滚动的方法
这样就可以点击添加之后滚动条滚动到添加的新元素哪里了