mdrockwell/littlelink
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add slight delay to allow for QR code images to load before scrolling

Browse Source
This commit is contained in:
Mike Rockwell
2025-07-26 17:19:31 -04:00
parent 49c8a6fea5
commit d3602622d4
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app.js
View File

@@ -10,6 +10,9 @@ document.querySelector('.value-block').addEventListener('toggle', function() {
if (this.open) {
// Scroll to contents of value block when it is opened
valueBlock.scrollIntoView({ behavior: "smooth" });
setTimeout(() => {
valueBlock.scrollIntoView({ behavior: "smooth" });
}, 100);
} else {
// Scroll to top of button list when value block is closed
}
@@ -75,7 +78,9 @@ document.querySelector("#btc-qr-link a").addEventListener("click", function(){
document.querySelector("#btc-js-qr").remove();
} else {
document.querySelector("#btcwall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"btc-js-qr\"><img src=\"images/crypto/btc-qr.png\"></span>");
setTimeout(() => {
document.querySelector("#btc-qr-link").scrollIntoView({ behavior: "smooth" });
}, 100);
}
});
@@ -93,7 +98,9 @@ document.querySelector("#eth-qr-link a").addEventListener("click", function(){
document.querySelector("#eth-js-qr").remove();
} else {
document.querySelector("#ethwall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"eth-js-qr\"><img src=\"images/crypto/eth-qr.png\"></span>");
setTimeout(() => {
document.querySelector("#eth-qr-link").scrollIntoView({ behavior: "smooth" });
}, 100);
}
});
@@ -111,6 +118,8 @@ document.querySelector("#doge-qr-link a").addEventListener("click", function(){
document.querySelector("#doge-js-qr").remove();
} else {
document.querySelector("#dogewall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"doge-js-qr\"><img src=\"images/crypto/doge-qr.png\"></span>");
setTimeout(() => {
document.querySelector("#doge-qr-link").scrollIntoView({ behavior: "smooth" });
}, 100);
}
});