如何降低背景图片的滚动速度

Question

我想制作视差效果，但是我尝试了很多方法仍然无法做到

.top
{
background-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.5)), url('../image/Kinkis-Bottomless-Brunch-Lead-Image.jpg');
height: 100vh;
background-size: cover;
background-position:center;
background-attachment:fixed;
}


<div class="top">
    <div class="main">

        <ul class="nav">
            <li><a href="#">Menu</a></li>
            <li><a href="#">Limited Edition</a></li>
            <li><a href="#" class="account">Account</a></li>
        </ul>

    </div>
</div>

现在我有一半的视差效果是固定的，背景图像是固定的，不移动，而下一个图像将覆盖上一个图像，但是现在我希望当它向下滚动时，背景图像也将向下移动，但是比原来的速度慢。