scroll lyrics to top
This commit is contained in:
parent
d5c393c071
commit
8f0f76288c
1 changed files with 5 additions and 2 deletions
|
@ -130,9 +130,12 @@
|
||||||
if(this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${prevLine}"]`)) {this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${prevLine}"]`).classList.remove("active");}
|
if(this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${prevLine}"]`)) {this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${prevLine}"]`).classList.remove("active");}
|
||||||
this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${i}"]`).classList.add("active")
|
this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${i}"]`).classList.add("active")
|
||||||
if (checkIfScrollIsStatic) {
|
if (checkIfScrollIsStatic) {
|
||||||
this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${i}"]`).scrollIntoView({
|
const yOffset = -120;
|
||||||
|
const y = this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${i}"]`).getBoundingClientRect().top + yOffset;
|
||||||
|
console.log(y)
|
||||||
|
this.$refs.lyricsview.scrollBy({
|
||||||
behavior: "smooth",
|
behavior: "smooth",
|
||||||
block: "center"
|
top: y
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue