overflow-y的滚动条，想让它始终最下面，但是总是差一个数据的高度

Question

写了这个

listBox.scrollTop = listBox.scrollHeight;

用的是angularjs双向数据绑定，点击一个按钮向一个数组中push一个，然后页面上就会加载push进去的这一行，但是滚动条不是最下方，这应该怎么解决呢？？？

Answer 1

这个和生命周期有关。像我之前在vue里用滚动插件，在滚动区域高度变化之后。需要重新new一次这个插件不然也会出现和你一样的问题，大概解决思路就是在页面变化之后你要init一下你的方法

Answer 2

你这个事件是在什么地方调用的？
要页面变化后 调用

Answer 3

谢谢邀请，这个问题，我看不到代码，angular也不熟悉，只能说出我的想法，看情况是因为你添加了新元素造成页面整体高度增加，但你设置的高度是添加前的，这时候可以添加事件监听，元素加进去以后再调用

Answer 4

通常一个浏览器会至少存在三个线程：
JS引擎线程（用于处理JS）、GUI渲染线程（用于页面渲染）、浏览器时间触发线程（用于控制交互）。
滚动和渲染是两个线程，先进行了JS引擎线程，后进行了GUI渲染线程，我感觉是这么回事