html - 在附加 Handlebars 模板后使滚动出现

标签 html css datatables handlebars.js

所以我附加了 handlebars 模板,这样我的最终 html 看起来有点像这样

<div class="container">
    <table id="results1">
    <table id="results2">
    <table id="results3">
</div>

现在,当我追加每个表有很多行时,我希望出现一个滚动条。

我试过了

.container{
    overflow : -moz-scrollbars-vertical;
    overflow-y : scroll; 
}

但这不会使滚动条出现。

此外,我在附加表后使用 dataTables.js(当我将其取出时,上面的 css 仍然不起作用)。

我该怎么办?

好的。我想到了。

所以我的 html 有

<div class= "parentContainer">
    <div class="container">
        <table id="results1">
        <table id="results2">
        <table id="results3">
    </div>
</div>

当我将该 CSS 添加到父级时,它完全起作用了。为什么会这样?

最佳答案

这是一个有效的 jsFiddle带有附加的数据。

我怀疑您的问题与未指定容器的高度有关。确保在 css 中设置 heightmax-height

如果您还有其他问题,请发布问题的 jsFiddle。

玩得开心!

关于html - 在附加 Handlebars 模板后使滚动出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17429739/

相关文章:

javascript - 如何在jquery中提交表单之前区分两次特定的点击?

javascript - HTML 按钮突出显示 Jquery 不起作用

javascript - 如何让 Google 搜索返回包含查询字符串的链接

html - 基于认证安全问题的条件渲染

php - 将信息添加到textarea并保存在数组中

html - 如何为一个div添加滚动条,2个div始终可见

html - 同一文件中的多个 <html><body> </html></body>

jquery - 尝试加载 70000 条记录时数据表失败

jquery - "oCol is Undefined"使用数据表和 jQuery Ui 对话框

jquery - 删除表单内联类