仅在动画期间隐藏垂直滚动条

时间:2019-05-10 17:18:52

标签: javascript css angular typescript

目前,我有一张桌子,从下到上逐渐淡入。发生这种情况时,随着淡入时桌子高度的增加和高度的减小,有一个滚动条可见,因此它会在动画之后隐藏。

body {
  overflow: auto;
}

我想要

  

自动溢出

在某些情况下,表中的数据足够长,滚动条才可见。

  

有没有办法在TypeScript中做到这一点?

我只能在动画中隐藏溢出的地方,使用:

body {
  overflow: hidden;
}

HTML:

<tr class="ease-in-up"></tr>

CSS:

.ease-in-up {
  animation: fadeInUp 1s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

0 个答案:

没有答案