Question

我的页面上有一个表格，我想使用jscrollpane将滚动条放在它周围。我给桌子的宽度为40rem（400px），高度为20rem。但是当jscrollpane运行时，它会创建一个高度为400px的jspContainer：

<div style="overflow: hidden; padding: 0px; width: 1062px;" 
   scroll-pane 
   jspScrollable">             
   <div class="jspContainer" 
   style="width: 1062px; height: 400px;">
      <div class="jspPane" 
      style="padding: 0px; top: 0px; left: 0px; width: 1062px;">
         <table class="form grid" style="width: 40rem; height: 20rem;">

这是我的CSS。

.scroll-pane
{
    width: 40rem;
    height: 2rem;
    overflow: auto;
}
.jspContainer
{
    width: 40rem;
    height: 2rem;
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

任何人都可以告诉我如何才能创建这个400px的大窗格。

请注意这是我如何调用插件：

app.directive('myScrollpane', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.addClass('scroll-pane');
            element.jScrollPane();  
        }
    };
});

Answer 1

您可以像这样更改滚动窗格的css：

.scroll-pane
{
    width: 100%;
    height: 2rem; //change the height of what you want
    overflow: auto;
}
.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

你可以像你想要的那样在css里面改变你的身高，200px，400px你想要的

如何使用jscrollpane设置容器的高度？

1 个答案: