Question

我有一个宽度为100％的数据表，数据可以是2列宽或100列宽。一切正常，我对它的外观感到满意。问题是我试图在保持内容可滚动的同时隐藏水平滚动条。

我对我的模态做了这个，因为似乎有一个使用jquery获取scrollbarWidth的函数。一旦知道宽度，就可以调整模态的容器宽度以适应内容-滚动条。对于我的数据表，我也创建了一个容器，并且正在寻找类似的解决方案。这是我的模态代码：

$(document).ready(function(){
    $(".toggleModal").click(function(){
        var modalPanel = $(this).attr("href").replace("#", "");
        $("body").toggleClass("noScroll");
        $(".overlay").fadeToggle(250);
        $(".modalContainer").fadeToggle(250);
        $("." + modalPanel).fadeToggle(250);
        var scrollWidth = $(".modalContainer").prop("scrollWidth")-$(".modal").prop("scrollWidth");
        $("." + modalPanel).css("width", "calc(100% + "+scrollWidth+"px)");
    });
});

有什么办法可以通过水平滚动条来做到这一点？当滚动条可见时，div的高度就会反映出来，所以可以说我可以以某种方式获得容器和表格的div高度。问题是我需要表格滚动而不是容器滚动。

但是，当有很多列时，父容器会滚动，并且表的宽度只会增加。有什么提示吗？

谢谢！

使用jQuery获取水平滚动条的宽度（高度）

0 个答案: