zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve auto scroll for multi-selected

Browse Source
This commit is contained in:
MaysWind
2024-08-27 23:02:42 +08:00
parent d8f7175da9
commit 366fbff012
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/ui.desktop.js
+18 -1
View File
@@ -72,9 +72,26 @@ export function scrollToSelectedItem(parentEl, containerSelector, selectedItemSe
const containerOuterHeight = getOuterHeight(container); const containerOuterHeight = getOuterHeight(container);
const selectedItemOuterHeight = getOuterHeight(selectedItem); const selectedItemOuterHeight = getOuterHeight(selectedItem);
const targetPos = selectedItem.offsetTop - container.offsetTop - parseInt(getCssValue(container, 'padding-top'), 10) let targetPos = selectedItem.offsetTop - container.offsetTop - parseInt(getCssValue(container, 'padding-top'), 10)
- (containerOuterHeight - selectedItemOuterHeight) / 2; - (containerOuterHeight - selectedItemOuterHeight) / 2;
if (selectedItems.length > 1) {
let firstSelectedItem = selectedItems[0];
let lastSelectedItem = selectedItems[selectedItems.length - 1];
let firstSelectedItemInTop = firstSelectedItem.offsetTop - container.offsetTop - parseInt(getCssValue(container, 'padding-top'), 10);
let lastSelectedItemInTop = lastSelectedItem.offsetTop - container.offsetTop - parseInt(getCssValue(container, 'padding-top'), 10);
let lastSelectedItemInBottom = lastSelectedItem.offsetTop - container.offsetTop - parseInt(getCssValue(container, 'padding-top'), 10)
- (containerOuterHeight - selectedItemOuterHeight);
targetPos = (firstSelectedItemInTop + lastSelectedItemInBottom) / 2;
if (lastSelectedItemInTop - firstSelectedItemInTop > containerOuterHeight) {
targetPos = firstSelectedItemInTop;
}
}
if (targetPos <= 0) { if (targetPos <= 0) {
return; return;
} }