在做聊天webapp时发现一个问题,当发送新消息时无法让页面自动滚到最下面显示最新的消息。
最先想到的解决思路就是用scrollTop方法,但是将内容节点绑定上scrollTop方法时一直不能生效,后来打开命令台时发现scrollTop的值一直为0。经过一番排查后终于发现问题的所在
scrollTop获取的值是滚动条产生的那个节点,也就是说虽然在content div里承载的聊天内容,但是为聊天内容产生出滚动条的DOM是它的父级元素,在这个产生滚动条的节点上就可以取得相应的scrollTop值。
原文:http://www.cnblogs.com/aqxiami/p/4604826.html