帶有滾動和拖動的jQuery頁面導航器

Question

我用jQuery創建一個頁面導航器。 是帶有寬高比（1/10）框的頁面的縮略圖

演示

我可以拖動框#screen並為窗口滾動設置動畫，然后可以滾動窗口並更新框位置。

我的問題是同時使用兩個動作。當我拖動盒子時，滾動變得瘋狂！ 謝謝

Answer 1

由於其絕對位置，因此在＃屏幕框架上也會發生滾動。 如果您修復它，它將更好地工作：

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

同樣，動畫似乎也不是一個好主意。 如果將其更改為普通滾動，則幾乎可以使用。

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

其余的都進行了微調，並在邊際上發揮作用。