当用户在固定位置div iOS jQuery上滚动时，防止正文滚动

Question

我有一个将元素放置为position: fixed的情况。这是一个youtube视频，当我尝试在其中滚动时，背景中的主体内容滚动但不滚动。这是令人沮丧的，因为我尝试了许多尝试来解决此问题。此问题发生在触摸设备上，尤其是在iPhone上。

var video = document.getElementById('videoIframe');
video.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, false);

我尝试使用这组代码对其进行修复，但还是没有运气。

<div class="live-video-holder">
  <div class="live-video">
    <iframe id="videoIframe" width="560" height="315" src="https://www.youtube.com/embed/668nUCeBHyY?rel=0&amp;showinfo=0&amp;playsinline=1" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  </div>
</div>

这是html，css如下所示

.live-video-holder {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 20px;
    right: 0;
    overflow-y: auto;
    z-index: 9999;
}

谢谢。