评论：抛物线飞入购物车  [查看原文]

liz1
2019/1/10 13:08:27

将

start: {
    left: event.pageX,
    top: event.pageY
},


改为


start: {
    left: e.clientX,
    top: e.clientY
},

为什么会一直报not defined呢

start: {
        left: event.pageX,
        top: event.pageY - 50
    },
    end: {
        left: offset.left + 10,
        top: offset.top + 10,
        width: 0,
        height: 0
    },

麦芒、0
2017/6/2 17:11:53

可以正常使用了，但是有bug，页面缩放或放大之后，图片飞出去的路径就不对了

小白前端成长史0
2017/7/10 17:58:59
请问解决了没，我也是遇到这个问题

每天0
2017/7/14 9:39:39

页面缩放后刷新一下页面就正常了

点击"加入购物车”之后不是立马销毁了click,颜色变为灰色的之前总能再多点击几次

这个例子在窗口滚动时可能会不正确。解决方式如下：

flyer.fly({
    start: {
        left: event.pageX,
        top: event.pageY - $(document).scrollTop()
    },
    end: {
        left: offset.left + 10,
        top: offset.top - $(document).scrollTop() + 10,
        width: 0,
        height: 0
    }
});

小鱼0
2016/9/19 18:09:28
谢谢提醒

Journey.0
2016/12/6 16:12:22
我也发现这个问题了    正在找办法解决 ，你的代码完美解决

Faceless Void0
2017/2/26 17:54:41

这段是替换还是是在jquery.fly.min.js里面直接加这一段？

-男人、得有范er0
2017/11/22 14:08:39

function show_tip() {
    var flyer = $('.goods-pic > img').clone().css({
        'z-index': '999',
        'height': '3rem',
        'width': '3rem'
    });
    flyer.fly({
        start: {
            left: $('.goods-pic > img').offset().left,
            top: $('.goods-pic > img').offset().top - $(window).scrollTop()
        },
        end: {
            left: $("#cart_count1").offset().left + 5,
            top: $("#cart_count1").offset().top - $(window).scrollTop(),
            width: 0,
            height: 0
        },
        onEnd: function() {
            flyer.remove();
        }
    });
}

小飞888888_289760
2018/8/2 13:57:18
谢谢

不错啊，谢谢分享

不错，但是我放到手机端尝试，兼容性有待提高

good