Почему после исчезновения скроллинга, остается отступ?

Question

[rinaz22]

Всем привет! Есть 1 поле, рядом значок +. Когда нажимаю + под полем появляется еще 1 поле и так до бесконечности. Рядом с новыми полями есть -, само собой это кнопка удаляет это поле. Чтобы вместится, для этих полей я сделал скроллинг, т.е. когда высота больше 100px, то появляется скролл, и наоборот.
Проблема после удаления, когда исчезает скроллинг, рядом с полем остается столько отступа, сколько занимал скроллинг.
В CSS нет отступа, не знаю от куда он берется.
Вот код, который добавляет и удаляет поля:

$(".w_block").on ("click", ".delete", function() {
	let id = $(this).data("id");
	$("label[for='w_"+id+"'], .plus_block_"+id).remove();
});
$(".add").click(function() {
	let count = $('.plus').length;
	$(".w_block").append('<label for="w_'+(count+1)+'" class="label_w">'+(count+1)+' адрес</label><div class="plus plus_block_'+(count+1)+'"><input type="text" name="w[]" id="w_'+(count+1)+'"><span class="delete" data-id="'+(count+1)+'">-</span></div>');
});

Comments

[Александр Епихин]

Нужен рабочий пример. Оформите код вместе с разметкой, стилями и скриптами на https://codepen.io/ И тогда можно будет увидеть что за отступ.