滚动条的阴影出现在顶部的叠加动画在Chrome和Safari

Shadow of scroll bar appearing on top of overlay animation in Chrome and Safari

本文关键字：动画 Chrome Safari 叠加顶部滚动条阴影更新时间：2023-09-26

我有一个html页面，使用覆盖覆盖整个页面的打开动画。动画是一个简单的淡出图像使用jquery。动画由$(document).ready触发。在后台，其余的html是由javascript动态生成的，其中一个div有一个滚动条。我的问题是:在Chrome和Safari中，滚动条的"影子"在动画开始时闪烁/出现在动画的顶部，即使它在动画层的后面。我怎么做才能让这一切停下来?

试了一下，终于想出了一个办法:$ ("div ") . css({"overflow-y":"隐藏","overflow-x":"隐藏"});动画开始前，然后$ ("div ") . css({"overflow-y":","overflow-x":"});动画完成后。