99EBC在线客服的信息显示部分滚动条可以自动下滚到最下方

之前一直觉得之前写的那个在线客服在信息显示上一直有一个缺陷，就是不能滚动条不能自动下滚动最下方，来显示最新来的消息，得手动去拖，很笨，咯咯。今天无意中在网上看到一篇文章，讲的是对textArea进行滚动条自动下滑动最下方的操作。看了几分秒，不忍笑了起来，想不到是那么的简单，只有这一行代码：“document.getElementById("你要操作的对像的ID值").scrollTop = document.getElementById("你要操作的对像的ID值").scrollHeight;”。同样，对于宽上的滚动条也是同样的适用。只要改一下属性即可:scrollTop -> scrollLeft;scrollHeight -> scrollWidth。不过，还有一个要求就是，你所操作的元素得有滚动条，否则，你的这个操作就没有意义了-__-。下面给出三种情况滚动条的css定义： 1.水平、垂直都有： .domElementClassName{ width: 100px; height: 100px; overflow: scroll; } 2.只有水平有： .domElementClassName{ width: 100px; height: 100px; overflow-x: scroll; overflow-y: hidden; } 3.只有垂直有： .domElmentClassName{ width: 100px; height: 100px; overflow-x: hidden; overflow-y: scroll; } 说明 ：以上的css代码是以class来定义，domElementClassName 即就是你的元素的class的命名，换上即可。灰常的简单 :-) 还有一点注意的地方,就是你操作的元素得是在操作之前得通过document.getElementById或document.getElementBy(其它的标记)去得到一次操作最新的状态，然后再做接下来的设置否则你所操作的元素会没有效果，scrollTop一直是o,但scrollHeight不是o。