mirrors/hugo-PaperMod
1
0
Fork 0
mirror of https://github.com/adityatelange/hugo-PaperMod.git synced 2025-10-27 14:42:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix Forced reflow in menu scroll handler

Browse Source 
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance.

https://pagespeed.web.dev/analysis/https-adityatelange-github-io-hugo-PaperMod/n5w29pnr5o?form_factor=mobile
This commit is contained in:
Aditya Telange
2025-10-26 19:49:25 +05:30
parent b63c195a10
commit 466b48b5ba
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
layouts/partials/footer.html
View File

@@ -33,9 +33,14 @@
{{- partial "extend_footer.html" . }} {{- partial "extend_footer.html" . }}
<script> <script>
let menu = document.getElementById('menu') let menu = document.getElementById('menu');
if (menu) { if (menu) {
menu.scrollLeft = localStorage.getItem("menu-scroll-position"); // Set the scroll position
const scrollPosition = localStorage.getItem("menu-scroll-position");
if (scrollPosition) {
menu.scrollLeft = parseInt(scrollPosition, 10);
}
menu.onscroll = function () { menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft); localStorage.setItem("menu-scroll-position", menu.scrollLeft);
} }