UI-Draggables隨容器移動

我製作的a single page site（它可能不適用於任何瀏覽器，它仍在建設中），並帶有固定的背景圖片。我有幾個硬幣，我想要用戶拖動（如果他把它們放到盤子裏，音樂會播放）。問題：當用戶滾動站點時，它們相對於鼠標的位置改變。那是因爲它們被附加到容納滾動部件的相同容器上。他們的立場是固定的不起作用。UI-Draggables隨容器移動

我試圖在（位置：固定）容器中包裝孔的東西，並將硬幣附加到它，但比滾動不起作用。我會怎麼做這樣的事情？

由於提前，塞巴斯蒂安

來源

2012-02-01 Sebastian Starke

設置你的硬幣反對的位置是：相對的;並設置頂部和左側。試試這個：

#coin3{ 
position:relative; 
left: -16px; 
top: -5143px; 
}

順便說一句，好的設計和想法！我喜歡那個scolls :)

來源

2012-02-01 21:30:51 Miro

如果我這樣做，硬幣隨紙張一起移動。但他們應該留在桌子上。我很高興你喜歡這個網站。它是我第一個自己的網頁設計。 – 2012-02-01 21:36:13

我剛檢查過它，它的工作原理。只需將您的bg圖像設置爲FIXED：背景：＃111 url（../ img/bg.jpg）** fixed **; – Miro 2012-02-02 00:10:25

非常感謝！我沒有嘗試固定背景，因爲我認爲它不會那樣工作。我試圖製作另一個容器，僅用於背景圖片。猜猜這很愚蠢。 – 2012-02-02 09:46:22

你的overflow: auto在css爲html,body是造成這個問題。如果你刪除這條線，你的硬幣將按預期行事。

當然，這會讓您的背景再次滾動。

來源

2012-02-01 22:26:21

是的，但背景應該保持不變，當然。 – 2012-02-01 22:53:40

在固定的背景下，你的兩個解決方案似乎都可以工作。也謝謝你！ – 2012-02-02 10:06:59

UI-Draggables隨容器移動

回答

相關問題