带滚动和拖动的jquery页面导航器

Question

我用jquery创建一个页面导航器。 是一个纵横比（1/10）

框的页面缩略图

DEMO

我可以拖动#screen框并为窗口滚动设置动画，我可以滚动窗口并更新框位置。

我的问题是使用这两个动作..当我拖动框时...滚动变得疯狂！ 感谢

Answer 1

由于它的绝对位置，滚动也会出现在 #screen 框架上。如果你修复它，它会更好：

#screen {
    border:1px solid red;
    position:fixed;
    cursor:pointer;
}

动画似乎也不是一个好的理想。如果将其更改为正常滚动，它几乎可以正常工作。

$('html').scrollTop(currentPos.top).scrollLeft(currentPos.left);

剩下的就是微调并玩弄边缘。