javascript - 随内容移动背景

Question

我正在尝试在 wordpress 中建立一个具有动态背景的网站。我现在可以移动背景，但是网站上的内容卡在同一个地方，无法移动。背景不随滚动条和内容移动。

所以我的问题是，有没有一种方法可以让我在那个网站上放置一个内容，就像在这个 chanel 网站上一样，它会被粘在背景上？http://www.chanel.com/en_US/fashion.html

谢谢。

Answer 1

我改变了 div 的位置：

<div class="bg-img" id="draggable">            
</div>
<div class="divFix">
        <p> Lorem ipsum dolor sit amet, consectetuer.</p>
    </div>

看这里：点击链接获取解决方案

Answer 2

只需制作两个 div，例如：

<div class="1" style="position:absolute;">
   <div class="2" style="position:fixed;"></div>        
</div>

现在将 jquery 中的可拖动插件添加到 div class="1" 并将您的内容添加到 div class="2"。它应该工作。

Answer 3

你不需要背景。使用具有绝对位置的背景创建背景 div，溢出：隐藏，并根据需要进行设置。使用固定位置的内容创建潜水。并通过使用 css 过渡移动滚动来更改背景 div 位置。