Андрей Б.: так то оно так, но в учреждениях стоят WinXP + IE6 их не так то и много, но некоторые заказчики считают, что они не должны отмахиваться от тех кто на работе убивает время сидя в IE6 ))
Максим Тимофеев: Нет, в данном случае это не запрос от заказчика. Просто я пару раз сталкивался что заказчик требует jQuery. В последний раз это было так - приходит типа хипстер и говорит вот мой сайт, надо там то-то прикрутить. Сайт написан на jQuery, но он условий таких не озвучивал, посему написал ему на чистом JS. Он посмотрел на результат и говорит в духе того что мол ты не умничай, ты на jQuery напиши, а то после тебя это студентам сопровождать.
Поскольку это уже не единичный случай я взялся выучить все тонкости jQuery.
В данном случае пытаюсь понять есть ли еще иные способы сделать то что в примере указано.
Максим Тимофеев: Уважаемый, че вы такой агрессивный? Форум для того чтобы задавать на нем вопросы. Если вам не нравится вопрос, может, вам просто проигнорировать его?
Ivanq: А для чего может потребоваться такая хитрая конструкция как в первом варианте - вроде выполняем присваивание переменной "a" функции, но перед этим производится другая операция. И все это в рамках присваивания. В чем выигрыш? Почему просто не сделать
console.log('a');
a = function() { console.log('b') };
tripcollor: кстати, здорово что получилось обойтись без @keyframes . Первый раз сразу резануло глаз.
Вот вариант: https://jsfiddle.net/015y6aq5/8/ с фиксацией относительно родителя