jquery - 带有滚动和拖动功能的 jquery 页面导航器

Question

我用 jquery 创建了一个页面导航器。是带有纵横比 (1/10) 框的页面缩略图

演示

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

我的问题是这两个动作的使用..当我拖动框..滚动发疯！谢谢

Answer 1

滚动也发生在#screen框架上，因为它是绝对位置。如果你修复它，它会更好地工作：

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

此外，动画似乎不是一个好主意。如果您将其更改为正常滚动，它几乎可以工作。

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

剩下的就是微调和玩弄边距。