оптимизация drag and drop

[melky]

вопрос в другом как это поможет в моем случае?

положение элемента будет меняться прямо перед отрисовкой. большая плавность будет. и ещё не надо заботиться о промежутке времени между вызовами отрисовки при движении мыши.

[cyber]

т.е вместо моей обертки использовать window.requestAnimationFrame ?

[melky]

т.е вместо моей обертки использовать window.requestAnimationFrame ?

я имел в виду другое.

но, да, вместо обёртки использовать оригинал, где возможно.

[cyber]

сделал так

function MoveWrapper() {

var timeout = true;	
	
return function (e) {
	
 if(!timeout || !move) return;
 
  timeout = false;
  
 window.webkitRequestAnimationFrame(function () {//пока только для хрома
	 
  MouseMove(e) 	 
  timeout = true;	 
	 
	 });
	 
}	  
	}

а ты как имел ввиду?

[melky]

а ты как имел ввиду?

похоже, мы о разных вещах говорили

а как ты рендеришь изменения?

[cyber]

похоже, мы о разных вещах говорили

а как ты рендеришь изменения?

не совсем понимаю значение фразы "рендерить изменение " в данном контексте.
Я под Рендерингом понимаю : отрисовку изоображение.
Т.е как я отображаю изменения визуально? если да то я просто перемещаю.
Сор что туплю, но реально не совсем понимаю =(

[melky]

если да то я просто перемещаю.

можно хоть анимацией перемещать.

лучше всего, мне кажется, через translate.

но никак не через style.left.

[cyber]

да я уже переделал давненько=)

wrapper.css({
	WebkitTransform :'translate('+left+'px,'+top+'px)'//пока для хрома так как пишу в нем=)
	});

кстати не кто не подскажит с какой версии хром поддерживает translate?

[cyber]

нашел=)
https://developer.mozilla.org/en-US/...-moz-transform
чет не подумал там глянуть=)

[melky]

нашел=)
https://developer.mozilla.org/en-US/...-moz-transform
чет не подумал там глянуть=)

на будущее, лучше всего смотреть на caniuse.com