コミット: ec6f168d22510e91e90dd133ba5d544523fc82af - FODI (git)

Fast OneDrive Index，OneDrive 秒级列表程序

コミットメタ情報

• リビジョン: ec6f168d22510e91e90dd133ba5d544523fc82af (tree)
• 日時: 2019-11-05 20:02:42
• 作者: vcheckzen <vcheckzen@outl...>
• コミッター: vcheckzen

ログメッセージ

feat(ui): auto scrolling to bottom on preview page

変更サマリ

• modified: front-end/index.html

差分

--- a/front-end/index.html
+++ b/front-end/index.html
@@ -943,6 +943,8 @@
                         default:
                             content.style['text-align'] = 'center';
                             content.innerHTML = '该文件不支持预览';
+                            break;
+
                     }
                     document.querySelector('.file-name').innerHTML = path;
                     document.querySelector('.btn.download').addEventListener('click',
@@ -976,6 +978,19 @@
                         }
                     );
                     switchRightDisplay('preview');
+
+                    let start = null;
+                    let right = document.querySelector('.right');
+                    const scrollToBottom = (timestamp) => {
+                        if (!start) start = timestamp;
+                        let progress = timestamp - start;
+                        let last = right.scrollTop;
+                        right.scrollTo(0, right.scrollTop + 14);
+                        if (right.scrollTop !== last || progress < 1000 * 2) {
+                            window.requestAnimationFrame(scrollToBottom);
+                        }
+                    };
+                    window.requestAnimationFrame(scrollToBottom);
                 });
             } else {
                 elem.addEventListener('click', event => {