javascript - 出现溢出滚动条时更改表格标题以显示的JS代码

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();