问普通javascript ScrollTop不起作用
EN

Stack Overflow用户

提问于 2019-08-16 04:22:12

回答 1查看 80关注 0票数 0

当我收到新消息或发送新消息时，聊天应该向下滚动。我用这个监视器来处理(我更新Vuex中的随机值，并观察聊天组件中的变化)：

watch: {
    scrollChatDown: function (val) {
        if (this.$refs.chat !== undefined) {
          this.$refs.chat.scrollTop = 9999999999999999999999
          console.log('WORKING!')
        }
    }
}

我在Mozilla得到了这个console.log，但是scrollTop不工作，有没有其他的解决方案？:D

nuxt.js

javascript

vue.js

回答 1

Stack Overflow用户

发布于 2019-08-16 04:27:39

看这个，使用当前高度向下滚动

watch: {
    scrollChatDown: function (val) {
      if (this.$refs.chat !== undefined) {
        this.$refs.chat.scrollTop = this.$refs.chat.scrollHeight
        console.log('WORKING!')
      }
    }
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57515779

复制

相似问题

问普通javascript ScrollTop不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问普通javascript ScrollTop不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问普通javascript ScrollTop不起作用
EN