优化滚动方法

publish/changeLog.md

@@ -1,3 +1,6 @@
+### 优化
+
+- 优化定位歌曲时的列表滚动机制
 
 ### 修复
 

src/renderer/store/modules/download.js

@@ -88,7 +88,7 @@ const getUrl = (downloadInfo, isRefresh) => {
  * 设置歌曲meta信息
  * @param {*} downloadInfo
  * @param {*} filePath
- * @param {*} isEmbedPic
+ * @param {*} isEmbedPic // 是否嵌入图片
  */
 const saveMeta = (downloadInfo, filePath, isEmbedPic) => {
   if (downloadInfo.type === 'ape' || downloadInfo.type === 'flac') return

src/renderer/utils/index.js

@@ -42,22 +42,35 @@ export const b64DecodeUnicode = str => {
 
 export const decodeName = str => str.replace(/'/g, '\'')
 
-export const scrollTo = (element, to, duration = 300, fn = function() {}) => {
+const easeInOutQuad = (t, b, c, d) => {
-  if (!element) return
-  const start = element.scrollTop || element.scrollY || 0
-  const change = to - start
-  const increment = 10
-  if (!change) {
-    fn()
-    return
-  }
-  let currentTime = 0; let val
-  const easeInOutQuad = (t, b, c, d) => {
   t /= d / 2
   if (t < 1) return (c / 2) * t * t + b
   t--
   return (-c / 2) * (t * (t - 2) - 1) + b
-  }
+}
+/**
+ * 设置滚动条位置
+ * @param {*} element 要设置滚动的容器 dom
+ * @param {*} to 滚动的目标位置
+ * @param {*} duration 滚动完成时间 ms
+ * @param {*} fn 滚动完成后的回调
+ */
+export const scrollTo = (element, to, duration = 300, fn = () => {}) => {
+  if (!element) return
+  const start = element.scrollTop || element.scrollY || 0
+  if (to > start) {
+    let maxScrollTop = element.scrollHeight - element.clientHeight
+    if (to > maxScrollTop) to = maxScrollTop
+  } else if (to < start) {
+    if (to < 0) to = 0
+  } else return fn()
+  const change = to - start
+  const increment = 10
+  if (!change) return fn()
+
+  let currentTime = 0
+  let val
+
   const animateScroll = () => {
     currentTime += increment
     val = parseInt(easeInOutQuad(currentTime, start, change, duration))
@@ -83,13 +96,13 @@ export const checkPath = path => fs.existsSync(path)
 
 
 /**
- * 在资源管理器中打开目录
+ * 选择路径
  * @param {*} 选项
  */
 export const selectDir = options => rendererInvoke('selectDir', options)
 
 /**
- * 在资源管理器中打开目录
+ * 打开保存对话框
  * @param {*} 选项
  */
 export const openSaveDir = options => rendererInvoke('showSaveDialog', options)
@@ -250,8 +263,8 @@ export const openUrl = url => {
  * 设置标题
  */
 let dom_title = document.getElementsByTagName('title')[0]
-export const setTitle = title => {
+export const setTitle = (title = '洛雪音乐助手') => {
-  dom_title.innerText = title || '洛雪音乐助手'
+  dom_title.innerText = title
 }