Как оставить положение скролла неизменным при добавлении контента?

Question

[Кевин Митник]

Методом "prepend" добавляю контент в "body". Контента достаточно много. Нужно сделать так, чтобы при добавлении нового контента текущее положение скролла было неизменным, точнее, чтобы клиент видел тот блок, который у него был до добавления нового контента. Как это можно сделать ?

Answer 1

[Виталий Инчин ☢]

Как вариант: https://jsfiddle.net/60601sep/

Comments

[Кевин Митник]

Спасибо, отлично работает.

Answer 2

[Николай Лапшин]

Вот, что подсказывают коллеги:
Делаем prepend, измеряем общий outerheight, задаем scrolltop в это значение. Че-то типа такого:

var $current_top_element = $('body').children().first();
$('body').prepend(other_elements);

var previous_height = 0;
$current_top_element.prevAll().each(function() {
  previous_height += $(this).outerHeight();
});

$('body').scrollTop(previous_height);

Comments

[Кевин Митник]

Ваш способ без шаманства не заработал. Но спасибо за помощь.