상단으로 가는 버튼에 재미있는 기능을 추가할 수 있습니다.

elevator.js를 이용하여 마치 엘리베이터가 올라가는 효과를 낼 수 있습니다. 

올라가는 음, 도착음을 등록하여 

'상단'버튼을 클릭하면 효과가 발생합니다.

현재 여기 사이트에 적용되었습니다.

오른쪽 스크롤시 자동으로 나타나는 버튼을 클릭해 보세요.

적용방법:

1. <script src='js/elevator.js'></script> 삽입

2. html태그 : <div class="elevator-button">Top</div>

3. <script>

window.onload = function() { 

  var elevator = new Elevator({

    element: document.querySelector('.elevator-button'),

    mainAudio: '/src/to/audio.mp3',

    endAudio: '/src/to/end-audio.mp3'

  });

}

</script>

출처 : 링크1