MoeJue/DropOut
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ロードアニメーション終了後は要素を消去するようにする

Browse Source
This commit is contained in:
yuki540 2018-04-02 20:27:02 +09:00
parent 003eb0709a
commit c858721030
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/scripts/lib/util.js
View File

@ -1,5 +1,7 @@
const root = document.getElementById('root')
const load_icon = document.querySelector('.load-view__body__panel__icon_type_4 .icon') const load_icon = document.querySelector('.load-view__body__panel__icon_type_4 .icon')
const load_view = document.querySelector('.load-view') const load_view = document.querySelector('.load-view')
const load_view_body_close = document.querySelector('.load-view__body__close')
/** /**
* 画像のプリロード * 画像のプリロード
@ -58,5 +60,11 @@ export const startLoading = fn => {
* ロードの終了 * ロードの終了
*/ */
export const finLoad = () => { export const finLoad = () => {
load_view.setAttribute('data-state', 'start') load_view.setAttribute('data-state', 'start')
load_view_body_close.addEventListener('animationend', e => {
if(e.animationName === 'load-view__close-2') {
root.removeChild(load_view)
}
})
} }