Safari文本跳跃/闪烁时，改变边距顶部

Safari text jumps/flicker when changing margin-top

本文关键字：改变 顶部 文本 跳跃 闪烁 Safari      更新时间：2023-09-26

我有这样的代码:

            if (curTop > top )
            {
                $text.css("margin-top", Math.abs( rect.top ) + curY + "px");        
            }
            else
            {
                $text.css("margin-top", curY - Math.abs( rect.top ) + "px");            
            }


            rect        = $text.get( 0 ).getBoundingClientRect();

和卷曲:

            var curY    = parseInt( $text.css( "margin-top" ) );

我相信……没有错。因为它有效
在chrome和firefox中…但我对野生动物园很陌生，我不明白为什么它会闪烁…

这个解算器是动画的，可能适用于其他人，它对我来说是完美的:

        if ( isSafari )
        {
            $text.css({ "-webkit-transition": "1s ease-in-out" });
        }
相关文章：