|
Полет товара в фиксированную нижнюю строку
Имеется скрипт. Все работает, но некорректно. Верстка адаптивная.
//Полет товара в корзину
$(document).ready(function fly(){
var a = $('#order_submit');
var offset = a.offset();
$(".buy_coffee").click(function(){
$(this).addClass('buy_coffee_active')
$(this).parent().parent()
.addClass('active_product')
$('.active_product').find("img")
.clone()
.css({'position' : 'absolute', 'z-index' : '100', 'border' : 'none', 'outline':'none'})
.appendTo(".buy_coffee_active")
.animate({opacity: 0.7, left: $("a").offset()['left'], top: $("a").offset()['top'],
width: 50,
height: 50,}, 800, function() {
$(this).remove();
});
$(this).removeClass('buy_coffee_active')
$(this).parent().parent().removeClass('active_prod uct')
});
});
под id="order_submit" место куда должна прилетать картинка. Картинка должна вылетать из класса = "buy_coffee_active"
Но-почему-то она всегда летит вниз влево. А мне нужно чтобы она опускалась прямо в кнопку. Как решить?
|
