Прокрутите страницу вместе, когда коснитесь I кадра. (в яблочном устройстве это не работает)

Question

Когда я касаюсь фрейма I и прокручиваю его, он будет прокручиваться вместе со страницей, но мне нужно прокручивать только содержимое, чтобы узнать, что я могу сделать (прокрутка на устройстве Apple не работает, но на устройстве Android она работает очаровательно).

Согласно мантре Apple iOS, должна быть возможность прокручивать содержимое IFRAME, перетаскивая его двумя пальцами.

I-Frame Code

/// Video URL split
var url = result[i].image_url; 
if(url.indexOf('?v=') > -1) {
  var split = result[i].image_url.split('?v=');
  var code = split[1].split('&');
  url = "http://www.youtube.com/embed/" + code[0];
} else if(url.indexOf('/v/') > -1) {
    var split = result[i].image_url.split('/v/');
    // var code = split[0] + '/embed/' + split[1];
    url = "http://www.youtube.com/embed/" + split[1];  
  }

html += "<iframe width='100%' height='500'  src='"+ url +"' allowfullscreen='' frameborder='0'></iframe>";
html += "</div>"
// html += "</div><div class='home-box-ttl'>" + result[i].title + "</div>"
} else {
html += "<div class='marquee_single'>"
html += "<a href='" + result[i].daily_pill_url + "'>";
console.log(result[i]);
html += "<img id='" +  result[i].op_ed_image_id + "' alt ='" +  $alt[i]  + "' title='" + $title[i] + "' width='100%' height='500' style='display:block' src='" + result[i].image_url + "'  >";
html += "</a></div>"
}
}