jquery - 无论设备分辨率如何,div 的一致行为

标签 jquery css twitter-bootstrap

我在 div 中有一个高度为 500px 的表格,它显示 20 行后会有垂直滚动条。

但此行为在高分辨率屏幕上显示超过 20 行时不一致。如何在不考虑设备分辨率的情况下保持此行为一致。

有没有我可以用来修复它的 jQuery 方法。

<div class="col-sm-12" style="padding-left:0px; padding-right:0px; height:500px;overflow-y:scroll;width:50%;">
    <table id="physician-table-body" class="table table-bordered table-icon" style="width:100%">
        <tbody id="physicianTableData"></tbody>
    </table>
</div>

最佳答案

终于在没有任何插件的情况下工作了。

var sum=0;
    $('#' + tabName + '-table-body tbody>tr').each(function(index, value) {
        if(index===27)
        {
            var div = $('#' + tabName + '-table-body').parent('div');
            div.css("height", sum);
            return false; 
        }
        sum += $(value).height();
    });

关于jquery - 无论设备分辨率如何,div 的一致行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50509461/

相关文章:

javascript - JQtouch Onclick 在移动设备上的问题

html - google+ follow 按钮在 firefox 的 bootstrap modal 中没有正确显示

javascript - 导航栏无法正常工作(bootstrap v3)

html - 如何创建具有绝对主体的绝对和相对页脚的导航栏

jquery - 将移动网站呈现为应用程序的最小框架

jquery - Uploadcare 捕获表单发布的文件 UID

jquery - Nav从下往上滑入然后内容出现

javascript - 汉堡导航栏激活问题?

css - 两个 div 一个 float 在另一个上方

javascript - jQuery JavaScript 函数顺序