为移动设备复制“background-attachment：fixed”。视差导致偏移

Question

我有一个杂志模板如下：

    <div class="article"> <div class="image" style="background-image: url();"> </div>
        <div class="text">
        <h1>House Quiz Ends In Equilibrium</h1>
    <p>
   Blah blah blah
    </p>
    <h3 align="right"> By Matthew Bradley, Year 14 </h3>
        </div>
    </div>

我希望尽可能地维护我的代码，但包含一个复制背景附件的滚动效果：修复，因为我发现它在移动设备上不起作用，并希望在所有平台上都有类似的体验。我已经尝试了视差滚动的代码，但是由于div被复制并粘贴以创建新文章，这意味着图像（呈现为背景以具有用于滚动的“固定”属性）用于页面下方的文章被推高你可以看到纯色背景。有人有解决方案吗？有没有办法否定向下滚动页面的数量，以确保背景保持原样，如“固定”？