amelice

Вот такая замечательная особенность флекса)

http://www.w3.org/TR/css-flexbox/#main-alignment

Здорово, спасибо! )

Sensei, а почему работает вертикальное центрирование с помошью margin для флекс-итема?

Так это наверно речь идет про какое-нибудь веб-приложение, которое поддерживает экспорт данных из майкрософтских продуктов?

Если убрать большие отступы между элементами, то Ваша верстка выглядит так:

Исправьте верстку, дальше видно будет.

Обратите внимание еще на название классов - cssmenu1, cssmenu2, podatoby... о чем эти классы?

Я когда-то в универе не могла связать двух слов на русском. По моей специальности не было группы на родном языке. Вся учеба была для меня кошмаром только из-за языка, не знаю, можете ли вы представить какой сложный русский язык? ) 

Ууу, как страшно

Приводите для начало верстку в нормальный вид. 

Так нужно же показать именно при скроле  оно то у меня красиво выезжает все хорошо но только один раз ( 

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

Ух, здорово, у меня мидалька ))) Влад, спасибо за замечательный конкурс!

Все кто участвовал молодцы, очень понравились идеи и подходы.

Голосую за авторов Щелкунчика (#0lga), Йоды (Jack_V) и казака (amelice), очень понравились эти работы!

Приятно, я старалась    

Видимо, от того, что Вебкит/Блинк всё равно не дает сжать ячейку таблицы меньше пикселя,

Понятно, спасибо! )

Ух, здорово! Спасибо за подробный ответ! 

Только вот хочу уточнить, почему именно width: 1px? Можно же и ноль написать?

Илья, объясни пожалуйста почему именно по фотке? http://jsfiddle.net/wfp9rjjL/1/
Честно уже не помню, по какому принципу таблица так работает.

Не за что.

Честно говоря, я бы сам не смог такую конструкцию написать. Как научиться такое писать? 

Только практика.. Вот вы увидели две верии реализации карусели, свой и мой, разобрались во всем этом - это хорошо. Значит нужно дальше писать, выкладывать код и спрашивать.

Я бы предотвратила повторные клики, если на текущий момент идет анимация. 

Сделала бы так: http://jsfiddle.net/wj25qv1r/1/
Навскидку 1 пункт + 2 пункт: http://jsfiddle.net/2gekkr9t/

Разберитесь сначала с первым пунктом и нужно исправить код.

Я бы алгоритм сделала примерно таким:

1. При клике узнать - идет ли анимация на текущий момент. Если идет, то ничего не делать. Если нет, то запускать анимацию.

2. Запуск анимации. Сообщать, что идет анимация.

3. Двигать первый слайд.

4. После завершения анимации(колбек) восстановить первый слайд в конец контейнера и сообщить что анимация завершена.

Красавчики!  

Как вариант  

Ой, не учла вариант - если жквери уже есть, тогда так

Потому что, опять же не учитываете верхних флоатов. )

Выставьте clear: both; к .bottom-menu.

То есть примерно так должно быть? Нужно сделать отступ равный высоте меню, если я вас правильно поняла.

Можете кратко объяснить, почему мой код не работал?

Твой код работает. Нужно просто добавить одну строчку в первый обработчик. 

e.stopPropagation();

У тебя одно событие перекрывается другим. Это так работает событийная модель. Можно почитать вот тут. https://learn.javascript.ru/events-and-interfaces