0

День добрый.

Научился отлавливать скролл блока и изменять css-свойства при начале скроллирования:

$('.work-page').scroll(function(e){
        if ($(this).scrollTop() > 50) {
            $("#top .top-menu ul").animate({
                "padding-top" : "20px"
            }, 300);
});

А вот теперь возник вопрос - как возвращать дефолтные значения?
Делаю для того, чтобы при начале пролистывания блока .work-page у меня header и footer уменьшались по высоте, раздвигая область экрана для просмотра .work-page (там список фотографий, и чем больше поле, тем лучше).
Задача: чтобы при остановке скроллинга header и footer также плавно возвращались к первоначальным своим значениям.

Заранее спасибо за помощь.

1 ответ 1

0

При начале скролла сохраняй начальные значения в дополнительные переменные. По окончании скролла делай animate к значениям этих переменных. Остановку scroll отлавливай через setTimeout.

Вот, например, Анимация при скроле

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.