Add smooth scrolling to different sections when associated link/button is clicked

This commit is contained in:
2025-07-29 10:13:33 -04:00
parent 65d4dd2970
commit be36fcd6c5
2 changed files with 27 additions and 3 deletions

23
app.js Normal file
View File

@@ -0,0 +1,23 @@
// Smooth scroll to portfolio section when link is clicked
document.querySelector("#websites-link").addEventListener("click", function(event){
event.preventDefault()
setTimeout(() => {
document.querySelector("#portfolio").scrollIntoView({ behavior: "smooth" });
}, 150);
});
// Smooth scroll to contact form when button is clicked
document.querySelector("#contact-button").addEventListener("click", function(event){
event.preventDefault()
setTimeout(() => {
document.querySelector("#contact").scrollIntoView({ behavior: "smooth" });
}, 150);
});
// Smooth scroll to experience section when link is clicked
document.querySelector("#experience-link").addEventListener("click", function(event){
event.preventDefault()
setTimeout(() => {
document.querySelector("#experience").scrollIntoView({ behavior: "smooth" });
}, 150);
});