将照片扩展到屏幕顶部

Question

我有一个照片缩略图页面，我想在点击一个时展开。我希望在调整大小时将照片顶部保留在窗口顶部。

我点击时使用以下代码展开照片：

$('.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() {}
    }
);

当在动画的每个步骤中如上使用“动画窗口滚动”功能时，我得到这种奇怪的行为，其中窗口将锁定并阻止在调整大小动画完成后的任何滚动。它将在几秒钟后“解锁”。

如果我将“动画窗口滚动”代码放在“完整”选项中，它将按预期工作：展开照片然后滚动到位置。

当使用此代码调整大小时，是否可以将照片顶部粘贴在窗口顶部？

谢谢！