滚动条滚动到底部 scrollTop = scrollHeight 不生效的解决办法

430 阅读1分钟

最近做了一个需求滚动条滚动到底部的需求,但是一直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) //最好是给上时间,我就是因为没给时间一直没有生效