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

标签 jquery html css

我希望所有 .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);
});

});

最佳答案

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

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

这会使元素隐藏,但元素仍保持其在 DOM 中的布局。

关于隐藏div时jquery开始在底部滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48171513/

相关文章:

html - 顶部导航在 safari 中消失,在 IE、Mozilla 中显示

html - 如果内容太长,Bootstrap 列换行

javascript - 幻灯片风格图片库

jquery - 自动滚动到底部 DIV

javascript - jquery的幻灯片效果

java - 来自 jQuery 的远程 AJAX 调用验证检查电子邮件有效性不起作用

javascript - 如何从内联样式属性中获取值并将其放入最接近的输入值中? jQuery

php - 通过在 mysql 查询后返回空标签,html 大小增加了三倍 |如何解决 - laravel

html - 背景图片中的链接在 IE 上不起作用

html - 将搜索下拉菜单移动到 Sharepoint 2010 中的搜索输入框上方