讓html元素跟隨jQuery移動滑動

我有一個使用jQuery移動偵聽滑動事件的div。讓html元素跟隨jQuery移動滑動

我想知道怎樣才能讓div跟隨並從滑動開始到滑動結束的時候用手指移動？

幾乎只有在滑動發生時才能拖動。

雖然我寧願不使用jQuery UI。

我怎樣才能以最好的方式正確地做到這一點？

我這樣做的方法是在鼠標放下時，將div的偏移量設置爲鼠標的x位置。但是，這會激發每個像素並且看起來效率低下。它也發生在鼠標下，而不是滑動。

這裏是我的代碼，偵聽輕掃，在這種情況下向右滑動，即可：

$('#main').on('swiperight', '.dataCard', function(event){ 
    event.preventDefault(); 
    // what happens on swipe here 
});

現在，我怎麼能得到.dataCard跟隨手指，因爲它刷卡，直到手指拿起？

我會想象.dataCard elemnt將需要在容器中的某種絕對定位。「事件」對象是否有x，y座標？如果是這樣，則將.dataCard元素的頂部和左側更改爲那些x/y值。 – revlayle

@revlayle不，它是'位置：相對;'。我如何獲取事件的x/y座標？我如何檢查事件是否有座標？我在哪裏把這個 - 在裏面，//這裏刷卡發生了什麼？ –

那麼，你可以在調試器中檢查事件。此外，您不能更改「相對」元素的位置，它總是處於文檔流程位置（因此爲什麼我問您是否已將元素設置爲絕對）。

2013-08-17 16:22:04 revlayle

回答