隐藏div时，jquery开始在底部滚动？

我想要所有的。在底部列出消息开始滚动！我试过使用jquery，但它只在显示div时起作用，即使div是隐藏的，我如何使它起作用

<div id="incidence_5" class="discussion  col-md-8" data="5" style="">

<div id="list_messages5" class="list_messages" colspan="7" 
style="max-
height: 653px;">

<div id="incidence_4" class="discussion  col-md-8" data="4" 
style="display: none;">

<div id="list_messages4" class="list_messages" colspan="7" 
style="max-height: 653px;">



$(document).ready(function() {



var b= $(window).height();
var c= $('.tbl-header').height();
    $(".list_messages").css("max-height",b - 60);



$(".discussion").each(function(){
  var testdata = $(this).attr('data')
// $(this).val(testdata);
$('#list_messages'+testdata).scrollTop($('#list_messages'+testdata)[0].scrollHeight);   
console.log(testdata);
});

});

$（文档）.ready（函数（）{
var b=$（window.height（）；
var c=$（'.tbl标题'）.height（）；
$（“.list_messages”）.css（“最大高度”，b-60）；
$（“.discussion”）。每个（函数（）{
var testdata=$（this.attr（'data'））
//$（this）.val（testdata）；
$（'#列表消息'+testdata）.scrollTop（$（'#列表消息'+testdata）[0].scrollHeight）；
log（testdata）；
});
});

一个非常简单的方法是将隐藏机制从

显示更改为
可见性
：

<div id="incidence_4" class="discussion  col-md-8" data="4" style="visibility:hidden;">



这会使元素隐藏，但元素仍保持其在DOM中的布局。
是的，但我希望div保持在同一位置！我想我不明白你在问什么。我希望分区讨论始终保持在同一个位置！当我使用display none时，它会导致显示的div替换隐藏的div，但它们始终在这里可见，即使不可见