ajax调用后无法滚动

Question

我正面临着制作ajax调用的情况，该调用填充了一个长达2个网页的DIV。但除非我调整窗口大小，否则无法滚动。 如何告诉浏览器重新计算页面内容的大小，以便添加滚动条？ 谢谢！

好的，这是代码： 正如你所看到的，我正在尝试使用$（“＃main-content”）。css（{height：“100vh”}）;,但它不起作用。

flatMap

Answer 1

好的，我通过重新计算容器的大小并更改它来随机解决它：

$（“＃main-content”）。css（{height：$（“＃inner-content”）。height（）}）;

我认为最终的解决方案是执行qwfddq建议的操作，即在调用html（）函数之前将溢出设置为auto：

function showParticipants(){
	
	if($('#action').val() != 0){
	   $.ajax('participants.php', {
		  beforeSend: function(){
			modal();
		  },
		  success: function(data) {
			$("#main-content").css({ overflow:"auto" });
                        $('#showParticipantsContainer').html(data);
			modal();
		  },
		  data: { ajax: 'showParticipants', idAction: $('#actions').val(), },
		  error: showError
	   });	
	}else{
		$('#showParticipantsContainer').empty();
		$('#resultMessageDiv').empty();
	}
}