vue组件中scrollTop赋值无效啊,已经试了好多方法

.vue

   mounted(){
        this.scrollToBottom()
    },
    methods:{
        scrollToBottom: function () {
            this.$nextTick(() => {
                var container = this.$el.querySelector('.chatContent');
                container.scrollTop = container.scrollHeight;
            })
        }
    },
    updated:function () {
        this.scrollToBottom();
    }
    

就想让div滚动条始终在底部,咋就这么难。。。
补充:目前调试的是针对响应式的时候,div高度拉长,滚动条居底部

阅读 7.8k
2 个回答

container.scrollTo = container.scrollHeight;

updated () {
    this.$nextTick(function () {
        container.scrollTop = container.scrollHeight;
    });
},
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题