javascript - 固定背景的移动视差

Question

我想知道如何在固定背景的移动设备上实现视差效果。有没有任何插件可以实现相同的效果？我可以看到后台附件已修复，无法在移动设备上运行。

例如:我需要达到与此中的效果相同的效果，http://www.celtra.com/ad-formats (移动设备中的第一个视频广告)

感谢任何帮助。提前致谢。

Answer 1

HTML

<div class="parallax-section">
    <div class="parallax-child-section">
        <section class="fw-main-row" id="frontlashID"></section>
    </div>
</div>

CSS

            .parallax-section {
               position: relative;
                width: 100%;
                height:700px;
            }
            .parallax-child-section {
                clip: rect(0, auto, auto, 0);
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height:700px;
            }

            #frontlashID{
                position: fixed;
                display: block;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transform: translateZ(0);
                will-change: transform;
                z-index: 1;
            }
            .fw-main-row{
                background-attachment:scroll;
                background-image: url(###.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

非 IOS background-attachment:fixed 可以工作，但在 IOS 设备中，background-attachment:fixed 不起作用。

但是上面的代码适用于非 ios 和 ios 设备。不需要 JS。现场工作现场:http://www.thefrontlash.com/my-oh-myla/