AJAX聊天滚动框额外的像素

Question

你好，我终于想到了当用户向上滚动阅读时如何禁用聊天滚动，并在底部继续滚动。

但我有一个问题，当我为每个帖子添加一个大小时，聊天会增加额外的17px。无论我设定的尺寸如何，17px都不会改变。

有我的代码：

scrollTop + divHeight : scrollHeight : amountOfPosts

809 : 792 : 11
881 : 864 : 12 

看到每个人的scrollTop + height比scrollHeight更好，它只有17px。我的问题是，添加这些17px是什么？我需要知道将17px动态添加到聊天中，而不是手动添加。

请参阅此jsfildde实例：http://jsfiddle.net/Yp33R/

Answer 1

那个17px将是你的水平滚动条的高度

Answer 2

这是您在javascript中添加的<br />元素。只需将其删除，就不需要了

DEMO http://jsfiddle.net/Yp33R/1/

更改

$("#sub").click(function() {
        am++;
        var m = $("#form").val();
        obj.html(obj.html() + "<div id='post'>" + m + "</div><br />");

要

$("#sub").click(function() {
        am++;
        var m = $("#form").val();
        obj.html(obj.html() + "<div id='post'>" + m + "</div>");

同时删除您在CSS中height: 50px;上设置的#post。这是自动的，不需要设置。

DEMO http://jsfiddle.net/Yp33R/3/