人到中年有點甜
2021-11-04 14:21:54
使用 jquery animate 在 ipad Safari 中不會出現(xiàn)平滑動畫$('#myId').css({ 'left': '-100%' }).animate({ 'left': '0' }, 300, 'linear');我也嘗試了添加類選項,在該類過渡中提供了 css 過渡:左 2s 輕松;有什么方法可以使用 jquery 或 css 提供流暢的動畫,使其與 google chrome 中的工作一樣。我承認(rèn)會有一些因素,包括硬件性能和網(wǎng)絡(luò)速度。
2 回答

收到一只叮咚
TA貢獻(xiàn)1821條經(jīng)驗 獲得超5個贊
該left
屬性在動畫時不使用硬件加速,因此無論它是在您的樣式表中還是與 JS 一起應(yīng)用,它都會出現(xiàn)問題。
您最好使用translateX()
inside a transform
,它確實使用硬件加速來執(zhí)行動畫。
transform: translateX(-100%);

米脂
TA貢獻(xiàn)1836條經(jīng)驗 獲得超3個贊
我的建議是使用 css 過渡。過渡動畫可能是這樣的:
#myId {
width: 100px;
height: 100px;
left: 0;
top: 0;
background: red;
position: relative;
display:block;
}
#myId:hover {
transition: left 3s linear;
left: 500px;
}
<div id="myId"></div>
例如,要了解有關(guān) css 轉(zhuǎn)換的更多信息,請訪問https://www.w3schools.com/css/css3_transitions.asp。:)
添加回答
舉報
0/150
提交
取消