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

我是这个网站的新手，所以请原谅我发布的错误

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

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

我希望能够设置：

.datatable table caption{
    display:none;
}

一旦溢出滚动条使用JS显示，则返回到其他内容

---

任何帮助都将不胜感激。

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

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

.yourCssClass{display:none;}

---

请记住，

此

是一个jQuery集合，因此您需要迭代该集合中的每个元素（而不是简单地使用第一个），并且您还应该

返回此

，以保留链接。感谢各位，这真的很有帮助！