javascript - Chrome 和 Safari 中覆盖动画顶部出现滚动条的阴影

Question

我有一个带有打开动画的 html 页面，它使用叠加层覆盖整个页面。动画是使用 jquery 对图像进行简单的淡出处理。动画由 $(document).ready 触发。在后台，其余的 html 是由 javascript 动态生成的，其中一个 div 有一个滚动条。我的问题是：在 Chrome 和 Safari 中，滚动条的“阴影”在打开动画期间闪烁/出现在动画顶部，即使它位于动画层后面。我能做些什么来阻止这个？

Answer 1

玩了一圈，终于找到了出路： make $("div").css({"overflow-y":"hidden","overflow-x":"hidden"}); 在动画开始之前，然后 $("div").css({"overflow-y":"","overflow-x":""}); 动画结束后。