vue中获取滚动高度

Question

有一个盒子，添加按钮，他的高度会增加，增加后才产生滚动条，然后让这个盒子的滚动条到最底部

Answer 1

http://runjs.cn/code/brhbnugd

可供参考

Answer 2

高度增加后，设置容器的scroolTop

Answer 3

<div ref="box">
//假如这个是盒子
    <div v-for="item in array" :key="//要区别key">
       {{item}}
    <div>
</div>

//vue
methods:{
   add(){
      //增加元素
      this.array.push('//随便放个啥的...')
      this. nextTick(() => {
        //在vue中操作dom尽量用ref, 但它不是响应式的
        this.$refs.box.scrollTop = this.$refs.box.scrollHeight;
      })
   }
}

Answer 4

display: flex;
flex-flow: column-reverse;
align-items: baseline;

css3...

Answer 5

https://www.oschina.net/code/...
如果要更仔细理解，还有注意浏览器的缩放