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); 

其余的是微调和玩边缘。