Question

我是这个网站的新用户，如果我发布的帖子不正确，请原谅我！

我正在尝试编写JS，以便当表的溢出导致滚动条出现时，表格中的表格标题属性出现（很可能是在移动设备上或由于窗口重新调整大小）。我该怎么做呢？我目前的代码是：

.datatable table{
          max-width: 100%;
          display: block;
          position: relative;
          width: 100%;
          overflow-x:auto;
        }

我希望能够设置：

.datatable table caption{
    display:none;
}

使用JS出现溢出滚动条后的其他内容。

非常感谢任何帮助。

Answer 1

//this will add your css class if it has vertical scrollbar
(function($) {
    $.fn.hasScrollBar = function() {
        if(this.get(0).scrollHeight > this.get(0).clientHeight){
    $("tableid").addClass("yourCssClass");
    }
})(jQuery);

$('#tableid').hasScrollBar();

Answer 2

关于Sunil，你会在你的样式表中添加一个名为yourCssClass的css类，例如：

.yourCssClass{display:none;}

用于更改表格标题的JS代码，以便在出现溢出滚动条时显示

2 个答案: