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

Add smooth scrolling when opening and closing QR code images

Browse Source
This commit is contained in:
Mike Rockwell
2025-07-26 16:48:57 -04:00
parent cefaa5a672
commit b30d2ad682
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app.js
View File

@@ -74,8 +74,10 @@ document.querySelector("#btc-qr-link a").addEventListener("click", function(){
// Display BTC QR code
if (document.contains(document.querySelector("#btc-js-qr"))) {
document.querySelector("#btc-js-qr").remove();
valueBlock.scrollIntoView({ behavior: "smooth" });
} else {
document.querySelector("#btcwall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"btc-js-qr\"><img src=\"images/crypto/btc-qr.png\"></span>");
document.querySelector("#btc-qr-link").scrollIntoView({ behavior: "smooth" });
}
});
@@ -91,8 +93,10 @@ document.querySelector("#eth-qr-link a").addEventListener("click", function(){
// Display ETH QR code
if (document.contains(document.querySelector("#eth-js-qr"))) {
document.querySelector("#eth-js-qr").remove();
valueBlock.scrollIntoView({ behavior: "smooth" });
} else {
document.querySelector("#ethwall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"eth-js-qr\"><img src=\"images/crypto/eth-qr.png\"></span>");
document.querySelector("#eth-qr-link").scrollIntoView({ behavior: "smooth" });
}
});
@@ -108,7 +112,9 @@ document.querySelector("#doge-qr-link a").addEventListener("click", function(){
// Display DOGE QR code
if (document.contains(document.querySelector("#doge-js-qr"))) {
document.querySelector("#doge-js-qr").remove();
valueBlock.scrollIntoView({ behavior: "smooth" });
} else {
document.querySelector("#dogewall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"doge-js-qr\"><img src=\"images/crypto/doge-qr.png\"></span>");
document.querySelector("#doge-qr-link").scrollIntoView({ behavior: "smooth" });
}
});