2017-05-05 5 views
0

나는 스크롤하는 이야기를하고있다. 모든 div는 position: fixed으로 서로의 위에 배치되고 스크롤 애니메이션을 통해 서로 페이드 인 및 페이드 아웃됩니다.불투명도 변경을 통해 배경 음악/오디오를 재생합니까?

특정 div가 표시 될 때 백그라운드에서 음악과 오디오를 재생해야하므로 가장 쉬운 방법은 if opacity is more than 0 on div 1 play this audio 일 수 있습니다. 그러나 이것이 jQuery를 통해 가능하고 어떻게 작동 할 수 있는지 나는 모른다.

페이드 애니메이션은 skrollr으로 BTW로 제어됩니다. 그것은 parralax 스크롤 등을위한 CSS 애니메이션 라이브러리입니다.

+0

유용 할 수 있습니다 : http://stackoverflow.com/questions/ 17898157/불투명도 감지 - 변경 –

+0

그렇게 할 수 있습니다. 수표를 주기적으로 (예 : 초 또는 두 번 선택) 또는 이벤트와 연결 (예 : 사용자가 스크롤하는 경우)해야합니다. – freginold

답변

0

정말 당신을 도움이된다면 나는 잘 모르겠지만, 귀하의 경우에 당신이 JS 대신 사라진 플레이어를 사용하는 것이 좋습니다

var audio = new Audio('audio_file.mp3'); 
audio.play();