jQuery在隐藏div时开始在底部滚动

Question

我希望所有.list_messagesdiv 开始在底部滚动！我尝试使用该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);
});
});

Answer 1

一个非常简单的方法是将隐藏机制从display更改为visibility：

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

这使得元素处于隐藏状态，但元素在 DOM 中仍保持其布局。