jquery - Smoothdivscroll：单击时（重新）定位可滚动区域 div

Question

我正在使用 smoothdivscroll 在较小的 div 容器中仅滚动一个宽图像。我还添加了缩略图列表和 jquery 函数，以在单击缩略图时替换大图像。

单击缩略图后，“scrollablearea”容器不幸不会跳回 0,0。直到下一次悬停在滚动热点上。

你可以在这里试试：

http://instinct-pictures.com/index.php?option=com_content&view=article&id=26&Itemid=139

将第一个图像滚动到左侧，然后单击 2. 缩略图。2. 图像存储旧的第一张图像的位置，直到下一次悬停。

我尝试使用查询手动定位“scrollablearea”，但它不起作用。有人知道如何实现这一目标吗？由于我只使用一张图像，因此无法使用 moveToElement 函数。

在下面找到我的缩略图点击功能：

$('.thumbnail').live("click", function() {

    $('#main_Image').hide();

    var i = $('<img />').attr('src',this.href).load(function() {
        $('#main_Image').attr('src', i.attr('src'));
        $(".scrollableArea").css("width", $('#main_Image').width());
    $(".scrollableArea").css("left", 0);


        $('#main_Image').fadeIn();

    });
    return false; 
});