加载图片导致ul不能自动滚动到底的问题

今天遇到需求，在一个ul里画很多li,需要自动定位到最后一笔，结果发现有时候不可以，

核心代码

$("#ul_msg").scrollTop($("#ul_msg")[0].scrollHeight - $(window).height() + 50);

查了半天发现是因为ul里面有加载了图片，前面画的时候先滚动到底了，然后再加载图片，把ul撑大了导致

解决方法：

需要判断图片是否加载成功

两种方法

1 设置一个定时器，一直检测所有图片的高度是否为0，为0说明还在加载中,直到不存在高度为0的图片时再调用前面的核心方法滚到底

或者

2（推荐）在每个图片的onload事件里加代码调用滚动到底的方法即可