diff --git a/app.js b/app.js index b27fde8..4501bbc 100644 --- a/app.js +++ b/app.js @@ -1,10 +1,14 @@ // Set expanded value block to a variable const valueBlock = document.getElementById("value-expanded"); +const bodyTop = document.getElementById("top"); // Watch for the details element to be toggled document.querySelector('.value-block').addEventListener('toggle', function() { if (this.open) { // Scroll to contents of value block when it is opened valueBlock.scrollIntoView({ behavior: "smooth" }); - } + } else { + // Scroll to top of button list when value block is closed + bodyTop.scrollIntoView({ behavior: "smooth" }); + } }); diff --git a/index.html b/index.html index 3858a9c..2357317 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@ - +