Javascriptのみで作るトップに戻るボタン(rails,haml) - Qiita

.scroll#scrollValue %i.fas.fa-angle-up = javascript_pack_tag 'main' -# app/javascript/packs/home/main.jsを読み込む .scroll { position: fixed; right: 0; bottom: 0; font-size: 2rem; color: #fff; transform: translate(-50%, -50%); background-color: #333; padding: 0 14px; border-radius: 50%; visibility: hidden; opacity: 0; transition: 0.5s; } .scroll.top { visibility: visible; opacity: 1; transition: 0.5s;