智能手机上的页眉整页视差效果禁用

Question

我的代码：

<header id="head_img">
<div class="container">
    <div class="row">
        <h1 class="domainame">domain</span></h1>
    </div>

    <div class="row">
       <div class="descrip">
          <h1>text</h1>
          <h2>text</h2>
       </div>
   </div>
</div>
</header>
<main>

-

header{
    height: 100vh;
    width: 100%;
    text-align: center;
    color:#fff;
    background-color: #EEEFF2;
}

#head_img{
    background-image: url("img/fullimage.png");
    height: 100vh;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

一切都很完美。视差效果还可以，标题是带有一些文字的完整背景图片，可以。

我的问题是，当我从智能手机上看到该网站时，滚动时会产生一点延迟。 所以我决定禁用视差效果，并且对于非桌面设备只有完整的背景图像，但没有效果，或者只有在小屏幕上禁用（通过媒体查询）。

我找不到解决方案..请帮忙:)。