我必须添加一个动画到一个固定位置的DIV,其中包含一个模式窗口。如果没有动画css指令(animation:navslide .5s ease forwards;),模式窗口将按预期工作,占据整个屏幕。但是,使用css动画时,模式窗口会显示在固定位置的DIV中。为什么模式窗口的行为是这样的?有没有办法让DIV有一个动画,它不会干扰模式窗口在页面中的位置? 问题的Here is a demo。
我有一个顶部导航栏,它的位置是:"static",但当用户滚动超过导航栏的高度时,位置会变为"fixed",这样导航栏就会附加到窗口的顶部。当滚动回到页面顶部时,它也会切换回“静态”。当窗口顶部滚动到导航栏下方时,它将更改为位置:"fixed“。我遇到过一些抖动,当页面刚刚足够长到需要滚动,但不足以保持滚动高度和导航栏为“固定”,所以当滚动到页面底部时,导航栏在“静态”和“固定”之间抖动。sticks to top of