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を参照してください。