当我向下滚动一个具有背景图像的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一样滚动

回答

相关问题