第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

ipad safari中的jquery css動畫不流暢

ipad safari中的jquery css動畫不流暢

人到中年有點甜 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%);


查看完整回答
反對 回復(fù) 2021-11-04
?
米脂

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。:)

查看完整回答
反對 回復(fù) 2021-11-04
  • 2 回答
  • 0 關(guān)注
  • 277 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號