MontoyaTech/ignite-html-router
MontoyaTech/ignite-html-router
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added code to reset all scroll positions when a route is shown. This way when a route and new data is rendered it's rendered with default scroll positions.

Browse Source
This commit is contained in:
MattMo 2024-03-11 12:28:57 -07:00
parent 81a44ec7ea
commit fd68b5c79d
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ignite-html-router.js
View File

@ -57,6 +57,17 @@ IgniteTemplate.prototype.route = function (routes, showCallback = null, hideCall
//Show the route element. //Show the route element.
this.element.style.removeProperty("display"); this.element.style.removeProperty("display");
//Reset scroll bars for route
this.element.scrollTop = 0;
this.element.scrollLeft = 0;
//Reset scroll bars for all elements inside route
[...this.element.querySelectorAll("*")].forEach(element => {
element.scrollTop = 0;
element.scrollLeft = 0;
});
//Invoke show callback if any.
if (showCallback) { if (showCallback) {
showCallback(matchedRoute, (event && event.data ? event.data : data), back); showCallback(matchedRoute, (event && event.data ? event.data : data), back);
} }