Приветствую.
Задача сделать фикс меню при прокрутке, но оно должно
плавно выезжать сверху. Все сделал, но работает не совсем так как нужно.
Накидал пример
В Chrome и IE11 прокрутка колесиком сама по себе "резкая". Из-за этого (я так думаю) нет эффекта плавного выезжающего меню. Если медленно прокручивать сам скроллбар, то эффект виден, но опять же, если это сделать резко или например тыкнуть в его самый низ для прокрутки, то эффекта не видно.
В общем, как сделать так, чтобы был виден этот эффект?
Более менее хорошо работает в FF, если спокойно на один шаг прокручивать колесиком.
UPD: Коротко опишу как работает.
При прокрутке на число px которое больше высоты меню плюс + 40px, то добавляем класс hidden, чтобы "увести" его за экран и благодаря этому будет возможность плавно его зафиксировать.
Далее когда прокрутим еще на 10px, то меню плавно выезжает и фиксируется.
UPD: Вопрос снят. Решение, во втором условии нужно убрать + 40, оставив только переменную с высотой меню.
Простой
Простой
