fragginwagon/memory-infrastructure-palace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎯 Improve scroll-to-result logic for centering elements within containers

Browse Source
This commit is contained in:
Greg Jacobs
2026-01-28 21:14:11 +00:00
parent 5584dd8502
commit 9507c7b304
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
code/websites/pokedex.online/src/views/GamemasterExplorer.vue
View File

@@ -764,16 +764,14 @@ function scrollToResult() {
// Scroll only within the container, not the whole page // Scroll only within the container, not the whole page
const container = lineElement.closest('.scroller, .lines-container'); const container = lineElement.closest('.scroller, .lines-container');
if (container) { if (container) {
const containerRect = container.getBoundingClientRect(); // Get element's position relative to the container
const elementRect = lineElement.getBoundingClientRect(); const elementOffsetTop = lineElement.offsetTop;
const containerHeight = container.clientHeight;
const elementHeight = lineElement.offsetHeight;
// Calculate scroll position to center element in container // Calculate scroll position to center element in container
const scrollOffset = const scrollTo = elementOffsetTop - (containerHeight / 2) + (elementHeight / 2);
elementRect.top - container.scrollTo({ top: scrollTo, behavior: 'smooth' });
containerRect.top -
containerRect.height / 2 +
elementRect.height / 2;
container.scrollBy({ top: scrollOffset, behavior: 'smooth' });
} }
return true; return true;
} else if (attempt < 3) { } else if (attempt < 3) {