无法在 iOS Safari 上嵌入的视频中滚动

Question

我有一个页面需要在移动设备上呈现。在 Safari 上，用户在视频区域内无法滚动页面。我尝试应用 -webkit-overflow-scrolling : 'touch'; 没有效果。

HTML

<div class="video-container" style="display: none;">
  <iframe src="{{ cms:page:youtube:string }}" width="500px" height="281px"> </iframe>
</div>

CSS

.video-container {
  position: relative;
  padding-bottom: 20px;
  padding-top: 30px;
  width: 500px;
  max-width: 100%;
  overflow: auto;
  margin: 0 auto;'
  -webkit-overflow-scrolling : 'touch';
}

Answer 1

我遇到了同样的问题，似乎需要删除触摸周围的单引号。

-webkit-overflow-scrolling: touch;

有效:-)