Question

我有一个项目列表，当高度达到200px时，我正在显示垂直滚动（ overflow-y：auto; ）。但是我想在启用滚动时添加padding-right:20px，否则我不想要padding-right。我知道使用jquery我们可以检查高度和应用但我使用angularjs所以即使加载了dom我的jquery没有得到应用，我尝试在window.load之后添加但是没有成功。

ul{
      list-style:none;
      padding-left:0;
      margin-left:0;
      margin-top: 20px;
      padding-left: 5px;
      padding-right: 20px;
      overflow-y:auto;
      height:200px
    }

在上面的样式中我添加了padding-right20px;这个我想只在启用垂直滚动时应用。这是我的 Fiddle ，请告诉我任何有关此问题的建议。当身高超过200px时，这是另一个小提琴， Fiddle with scroll enabled

Answer 1

试试这个：

<ul ng-style="list.length>7 ? {'padding-right': '20px','overflow-y':'auto'}:{'padding-right': '0'}"> ... </ul>

的CSS：

  ul {
    list - style: none;

    padding - left: 0;
    margin - left: 0;
    margin - top: 20 px;
    padding - left: 5 px;

    height: 200 px
}
li {
    background: gray;
    color: #fff;
    margin - bottom: 10 px;
}
.container {
    width: 300 px
}

会为你效劳。

启用垂直滚动时如何添加填充

1 个答案: