在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 大佬留步，小程序中如何實(shí)現(xiàn)購物車商品曲線飛入效果（類似餓了么）

大佬留步，小程序中如何實(shí)現(xiàn)購物車商品曲線飛入效果（類似餓了么）

UI圖如下：

clipboard.png

現(xiàn)實(shí)效果詳解如下：
點(diǎn)擊選擇某一癥狀，需要有類似餓了么添加商品到購物車的飛入的效果，在已選癥狀里+1，反選則-1，
這個飛入的效果已經(jīng)折磨了我將近一天了，寫了很多個例子，也學(xué)習(xí)了二次貝塞爾曲線，看的腦子都亂了，（著實(shí)愚笨...）還是沒有實(shí)現(xiàn)，從github或者網(wǎng)上的例子clone下來的也是bug百出，
想問下，SF上的大佬們，有沒有寫過類似的例子，分享一下，小女子將不勝感激~
注意：是小程序里實(shí)現(xiàn)~那些個jquery的例子引入不了喲...

回答
編輯回答
局外人

關(guān)鍵字parabola

也可以參見張鑫旭寫的
小折騰：JavaScript與元素間的拋物線軌跡運(yùn)動

2018年1月30日 00:11
編輯回答
無標(biāo)題

實(shí)現(xiàn)原理可參考這個: http://f2ex.cn/use-css-and-jq...

2018年7月3日 17:40
編輯回答
入她眼

沒做過類似的，不過這種動畫再不濟(jì)也能強(qiáng)行用js一幀一幀算出來，效率非常低就是了，這是下策?？梢钥紤]結(jié)合js計算關(guān)鍵幀，css的transform（還是叫別的啥？)完成動畫，這是中策。然后還可以試試Lottie，好像很牛逼的樣子，但我沒用過，題主可以嘗試，如果好用請務(wù)必告訴我哈哈哈哈哈哈。竟然是個妹子ε-(??ω???)

2018年5月27日 00:19
編輯回答
毀與悔

這個不難，我之前寫過。獲取起始位置和終止位置然后定義一個軌跡數(shù)組就行了。你如果使用曲線的話會比較難，一般直線比較簡單

2017年6月11日 00:22