我正在尝试通过将类添加到来将a 设置为单击时transition-delay的overflow属性，如下所示：body``div``body

$("div").click(function(){

    $("body").addClass("no_overflow");

});


div{

  background:lime;

  height:2000px;

}

.no_overflow{

 overflow:hidden;

}

body{

  overflow:auto;

  transition: overflow 0 2s;

}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>I'm div</div>

但是，这似乎不起作用（没有延迟）。我在这里做错什么吗？

我知道可以通过使用 setTimeout 函数来实现，但是想知道为什么不能使用CSS过渡来实现吗？是否有可以应用CSS过渡的特定样式属性？