CSS如何在动画期间关闭滚动？

Question

如何在CSS动画期间关闭滚动？ 但我不想将overflow:hidden给予身体。

Answer 1

使用纯CSS完成动画后，无法设置特定的CSS规则。

如果可能，您可以使用JavaScript延迟回到正常的滚动行为，例如5秒。下面是jQuery的一个例子。

CSS（向主体添加溢出规则）：

body{
    overflow: hidden;
}

JavaScript的：

$(document).ready(function() {
  window.setTimeout(changeOverflow, 5000); // set overflow back to auto after 5s
});

function changeOverflow() {
  $('body').css("overflow", "auto");
}

请参阅forked CodePen。