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

14
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
const container = lineElement.closest('.scroller, .lines-container');
if (container) {
const containerRect = container.getBoundingClientRect();
const elementRect = lineElement.getBoundingClientRect();
// Get element's position relative to the container
const elementOffsetTop = lineElement.offsetTop;
const containerHeight = container.clientHeight;
const elementHeight = lineElement.offsetHeight;
// Calculate scroll position to center element in container
const scrollOffset =
elementRect.top -
containerRect.top -
containerRect.height / 2 +
elementRect.height / 2;
container.scrollBy({ top: scrollOffset, behavior: 'smooth' });
const scrollTo = elementOffsetTop - (containerHeight / 2) + (elementHeight / 2);
container.scrollTo({ top: scrollTo, behavior: 'smooth' });
}
return true;
} else if (attempt < 3) {