2012-08-08 60 views
0

我用jQuery創建頁面導航器。 是頁的同縱橫比的盒(1/10)jQuery頁面導航器滾動和拖動

DEMO

我可以拖動框#screen和動畫窗口滾動的縮略圖,我可以滾動窗口和更新箱子的位置。

我的問題是使用這兩個動作..當我拖動框..滾動發瘋! 謝謝

回答

1

滾動也出現在#screen幀,因爲它的絕對位置。如果你修復它,它會更好地工作:

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

此外,動畫似乎不是這樣一個好的理想。如果將其更改爲正常滾動,則幾乎可以正常工作。

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

其餘的是微調和玩邊緣。

+0

謝謝@jan!這是更新情況。如果我拖動的div也有同樣的問題.. [DEMO](http://jsfiddle.net/Vmurd/6/) – Giovanni 2012-08-08 17:10:26

+1

嘿喬瓦尼,我沒有ui拖動功能測試它,然後它是上帝清楚:如果您更改滾動位置mousedown事件更改pageX和pageY屬性。所以你必須從頁面位置減去滾動位置。看[demo](http://jsfiddle.net/Vmurd/12/) – 2012-08-09 13:16:52