最近做了一个需求滚动条滚动到底部的需求,但是一直scrollTop一直没有生效。 中间也加过this.$nextTick也没有效果
const content = document.querySelector('.content')
content.scrollTop = content.scrollHeight
这个代码一般情况下是生效的
如果不生效的话可能原因有以下几点:
1.content的样式里没有写overflow: auto;
2.content应该是有高度的
如果上述方法都解决不了,你可以加上setTimeOut
setTimeout(() => {
const content = document.querySelector('.content')
content.scrollTop = content.scrollHeight
}, 500) //最好是给上时间,我就是因为没给时间一直没有生效