Перемещение элемента в середину карусели при нажатии на jquery/javascript

Question

Я сделал карусель, который отлично работает, но теперь я хочу, чтобы элемент, который я нажал, переместился в середину карусели, то есть карусель должен двигаться пока элемент, который я нажал, не центрирован посередине.

Посмотреть мою работу до сих пор здесь: http://jsfiddle.net/HkTks/6/

Я использую animate(), но не знаю, если я должен использовать left, marginLeft или scrollLeft собственность. Я действительно застрял, так как не знаю, какую логику делать, я даже не знаю, с чего начать. Пожалуйста, пролил мне немного света.

Большое спасибо

Answer 1

я сделал что-то подобное раньше, это привередливы, но это всего лишь несколько сумм. Нет времени проверить его в коде.

$ ('iconsList ли.') Нажмите (функция() {

// рядом два должны быть одна линия

вар newLeftPos = 0. - (($ (это) .width() + $ (this) .css ('margin-right')) * ($ (this) .index + 1)) + ($ (this) .parents ('. iconsList'). width()/2) ;

$ ('iconsList ли. ') анимации ({' левый', newLeftPos + 'точек'}, 400);.

})