크롬의 오버레이에서 스크롤이 작동하지 않습니다.

Question

오버레이 내부의 일부 스크롤링 콘텐츠로 JS에 의해 트리거되는 오버레이가 있습니다. 이 페이지에는 두 편의 YouTube 동영상이 포함되어 있습니다. 문제는 Chrome에서 오버레이의 콘텐츠가 스크롤되지 않는다는 것입니다. 그것은 다른 모든 브라우저에서 올바르게 작동합니다. 나는 두 YouTube 동영상에 wmode = opaque를 추가했습니다 (wmode = transparent도 시도했습니다). 두 동영상을 모두 삭제하면 Chrome에서도 스크롤이 시작됩니다.

<div class="contact-overlay"><a class="close" href="#">X CLOSE</a><h3>Testimonials</h3><div class="content testimonials"> 
<h4 class="testimonials">See what our <span>satisfied customers</span> have to say:</h4> 
<p>a lot of text</p> 

스타일 :

감사

여기 오버레이의

.contact-overlay { position: absolute; width: 640px; height: 730px; margin-left: -320px; left: 50%; top: 50px; background: #ffffff; z-index: 500; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } 
.contact-overlay a.close { font-family: "Arial Black", Gadget, sans-serif; color: #da3407; text-decoration: none; position: absolute; top: 5px; right: 10px; font-size: 18px; } 
.contact-overlay .content { overflow: auto; height: 550px; width: 590px; margin-left: 25px; } 
.contact-overlay .content.testimonials { margin-top: 30px; } 

이 사이트는 로컬로 개발되고, 그래서 링크가 없습니다. 죄송합니다.

Answer 1

JS를 사용하여 YouTube 동영상을 삭제하고 오버레이가 활성화되었을 때 스크린 샷으로 바꾼 다음 오버레이가 닫힐 때 다시 붙여 넣습니다.