我希望所有.list_messages div在底部开始滚动!我尝试使用那个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);
});
});
答案 0 :(得分:1)
一种非常简单的方法是将隐藏机制从display
更改为visibility
:
<div id="incidence_4" class="discussion col-md-8" data="4" style="visibility:hidden;">
这会隐藏元素,但元素仍然在DOM中保持其布局。