Прикрепление расширения фотографий в верхней части экрана - PullRequest
Новая
       12

Прикрепление расширения фотографий в верхней части экрана

0 голосов
/ 19 мая 2011

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

Я использую следующий код для расширения фотографии при нажатии: 

$('.selectedPhoto').animate(
    // properties to animate
    {
        height: newHeight+'px',
        width: newWidth+'px'
    },
    // options
    {
        duration: 200,
        // do this after each step of the animation
        step: function() 
        {
            // animate window scroll
            var offset = $(this).offset().top - 10;
            $('html,body').animate({scrollTop: offset}, 200);
        },
        // do this when animation is finished
        complete: function() {}
    }
);

Когдафункция «анимация прокрутки окна» используется, как указано выше, на каждом этапе анимации, я получаю это странное поведение, когда окно блокируется и предотвращает прокрутку после завершения анимации изменения размера.Он будет «разблокирован» через несколько секунд.

Если я добавлю код «анимация прокрутки окна» в опцию «завершить», он будет работать, как и ожидалось: разверните фотографию, а затем прокрутите в нужное положение.*

Возможно ли, чтобы верхняя часть фотографии была прикреплена к верхней части окна при изменении ее размера с помощью этого кода?

Спасибо!

...