zilong/vite-zmusic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改滚动平滑

Browse Source
This commit is contained in:
zilong 2021-10-29 01:46:52 +08:00
parent 25af6cfedb
commit 15d20b8b52
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/common/SongDetail.vue
View File

@ -66,12 +66,16 @@ const handleLyric = (ly) => {
}; };
watch( watch(
()=> currentLyricIdx.value, ()=> [currentLyricIdx.value,store.state.showSongDetail],
(val)=>{ ([val, showSongDetail])=>{
console.log('changed lyric');
if(val>0){ if(val>0){
// let elContent = document.getElementsByClassName('ly-content')[0] // let elContent = document.getElementsByClassName('ly-content')[0]
let el = document.getElementsByClassName('ly-key-lines')[val] nextTick(()=>{
lyList.value.scrollTop = el.offsetTop - 100 let el = document.getElementsByClassName('ly-key-lines')[val]
lyList.value.scrollTop = el.offsetTop - 100
})
} }
}, },
{ {
@ -299,6 +303,7 @@ export default {};
margin-top: 15px; margin-top: 15px;
height: 290px; height: 290px;
overflow-y: auto; overflow-y: auto;
scroll-behavior: smooth;
// background-image : linear-gradient(180deg,hsla(255,0%,100%,0),rgba(255, 255, 255, 0.521)); // background-image : linear-gradient(180deg,hsla(255,0%,100%,0),rgba(255, 255, 255, 0.521));