AJAX Chat-прокрутка окна дополнительных пикселей

Question

AJAX Chat-прокрутка окна дополнительных пикселей

0

Привет, я наконец понял, как отключить прокрутку чата, когда пользователь прокручивается до чтения, и продолжайте прокручивать один раз после нажатия на кнопку внизу.

Но у меня проблема 1, чат добавляет дополнительные 17px, когда я добавляю размер каждого сообщения. 17px никогда не меняется, независимо от того, какой размер я устанавливаю.

Есть мой код:

scrollTop + divHeight : scrollHeight : amountOfPosts

809 : 792 : 11
881 : 864 : 12

Посмотрите на всех, что scrollTop + height больше, чем scrollHeight, его только на 17 пикселей. Мой вопрос: что добавляет эти 17px? Мне нужно знать, что для динамического добавления 17px в мой чат, а не вручную.

См. Этот пример live jsfildde: http://jsfiddle.net/Yp33R/

Artemkller545 19 апр. 2014, в 12:00

Источник

0

Возможно, я думаю, что 17px - это разница между постами, но я не уверен, что их вызывает.
Artemkller545 19 апр. 2014, в 09:51

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

Возможно, я думаю, что 17px - это разница между постами, но я не уверен, что их вызывает.

Kevin Lynch · Answer 1 · 2014-04-19T08-34-00.000Z

Это элемент <br/> вы добавили в свой javascript. Просто удалите его, он не требуется

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>");

Также удалите height: 50px; что вы установили #post в свой CSS. Это авто и не требует настройки.

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

Точно, когда я узнал, спасибо за ответ;).
Я сделал, но даже в вашем jsfiddle, есть еще 17px, даже без <br />
Исправлено, это была высота нижней полосы прокрутки, переполнение-у: скрыто;
Смотрите мой отредактированный ответ

Victor Koenders · Answer 2 · 2014-04-19T08-12-00.000Z

Это 17px будет высотой вашей горизонтальной полосы прокрутки