我的飘花设置起始位置和transition的值和课程中的一样了，为什么是横着飞的呢？

源自：7-5 飘花效果的实现

我的飘花设置起始位置和transition的值和课程中的一样了，为什么是横着飞的呢？

// 运动的轨迹

var startPositionLeft = Math.random() * visualWidth - 100,

startOpacity = 1,

endPositionTop = visualHeight - 40,

endPositionLeft = startPositionLeft - 100 + Math.random() * 500,

duration = visualHeight * 10 + Math.random() * 5000;

提问者：慕粉13482341627 2016-11-01 17:46

个回答

刘健lj: 2016-12-16 14:37:26

return $('<div class="snowbox" />').css({
                   'width':41,
                   'height':41,
                   'position':'absolute',
                   'top':0,
                   'backgroundSize':'cover',
                   'zIndex':10000,
                   'backgroundImage': 'url(images/snowflake/'+Url+')',
                   
               }).addClass('snowRoll');

加top

慕粉4349307

2016-12-06 19:44:33

起点和终点的位置设置对了吗？
//起点位置
$flake.css({
left: startPositionLeft,
opacity : randomStart
});
//终点位置
$flake.transition({
top: endPositionTop,
left: endPositionLeft,
opacity: 0.7
}, duration, 'ease-out', function() {
$(this).remove() //结束后删除
});

0