txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove scroll compensation to prevent page jumping on zoom

Browse Source 
Removed proportional scroll adjustment that was causing page to jump down
when zooming. The transform-origin: top center property keeps content
anchored at top naturally without needing scroll compensation.
This commit is contained in:
juanatsap
2025-11-12 14:38:43 +00:00
parent 786a7ea9ce
commit 6ddadaa473
1 changed files with 1 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/main.js
+1 -17
View File
@@ -323,33 +323,17 @@
const cvFooter = document.querySelector('.cv-footer');
if (!cvContainer) return;
// Get current scale to calculate ratio
const currentTransform = cvContainer.style.transform;
const currentScaleMatch = currentTransform.match(/scale\(([\d.]+)\)/);
const oldScale = currentScaleMatch ? parseFloat(currentScaleMatch[1]) : 1.0;
// Convert percentage to scale factor (100 = 1.0, 150 = 1.5, etc.)
const newScale = zoomValue / 100;
requestAnimationFrame(() => {
// Store current scroll position
const oldScrollTop = window.pageYOffset || document.documentElement.scrollTop;
// Apply the new scale to both container and footer
// transform-origin: top center keeps content anchored at top
cvContainer.style.transform = `scale(${newScale})`;
if (cvFooter) {
cvFooter.style.transform = `scale(${newScale})`;
}
// Calculate proportional scroll position to maintain visual position
// If zooming from 100% to 50%, content at pixel 1000 moves to pixel 500
// So we need to scroll to pixel 500 to see the same content
const scaleRatio = newScale / oldScale;
const newScrollTop = oldScrollTop * scaleRatio;
// Apply new scroll position to keep same content visible
window.scrollTo(0, newScrollTop);
// Update display
updateZoomDisplay(zoomValue);