當我向下滾動一個具有背景圖像的DIV時，圖像不會像div一樣滾動

即時嘗試模擬網格系統，所以我有一個函數`set_gridSize'，它將設置div的背景圖像到電網。該函數的輸出backgroubd圖像設置爲呈現base64編碼字符串。當我向下滾動一個具有背景圖像的DIV時，圖像不會像div一樣滾動

$.css({"background-image", "url(data:image/svg+xml;base64,"+encode(xml) +")"});

，所以我創建這個，它看起來創建。問題是，雖然當它滾動，它不滾動這個圖像也是如此我以爲它會這樣

有沒有什麼我做錯了嗎有沒有一個這樣的概念我錯過了地址

來源

2014-06-12 Fallenreaper

我不明白你試圖說你的問題是。你能解釋或張貼截圖嗎？ – DankMemes

儘管使用網格很難做到這一點，但我的目標是讓圖像在分配背景的div中滾動時緩慢滾動頁面。問題是圖像不移動 – Fallenreaper

您可以發佈您的完整代碼或jsfiddle嗎？我不明白如果沒有'background-attachment：fixed'會怎麼樣？ – DankMemes

隨着background-image屬性，你不能這樣做，但如果你把另一div原來的內部，並設置一個的background-image，將工作：Fiddle example

來源

2014-06-12 15:28:07 cy3er

這可以通過在div中使用滾動條來解決，而不是使用瀏覽器滾動條？ – Fallenreaper

剛剛更新了鏈接 – cy3er

MMM ...我喜歡這個答案。我真的希望我們能夠把這兩樣東西結合在一起，但至少我們有一個可以接受的答案。我只需要多看看我們是否可以用1格工作。如果沒有，那麼你就贏得了這個問題。謝謝。 – Fallenreaper

-2

嘗試使用background-attachment財產與background-repeat一起：

$.css({ 
    "background-image": "url(data:image/svg+xml;base64,"+encode(xml) +")", 
    "background-attachment": "fixed", 
    "background-repeat": "no-repeat"});

這將保持它最初開始爲你滾動頁面圖像。

Example fiddle.

來源

2014-06-12 15:21:54 Samsquanch

這實際上與我想要的相反。我想讓圖像在滾動時滾動到div上 – Fallenreaper

你真的應該澄清一下。「它不會滾動圖像」也可以用任何方式解釋。 – Samsquanch

當我向下滾動一個具有背景圖像的DIV時，圖像不會像div一樣滾動

回答

相關問題