38 lines
1.0 KiB
JavaScript
38 lines
1.0 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
// Navbar transparency scroll effect
|
|
const navbar = document.querySelector('.navbar');
|
|
if (navbar) {
|
|
function handleScroll() {
|
|
if (window.scrollY > 50) {
|
|
navbar.classList.add('bg-dark');
|
|
} else {
|
|
navbar.classList.remove('bg-dark');
|
|
}
|
|
}
|
|
|
|
// Initial check
|
|
handleScroll();
|
|
|
|
// Listen for scroll events
|
|
window.addEventListener('scroll', handleScroll);
|
|
}
|
|
|
|
// Smooth scrolling for anchor links
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
|
anchor.addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
|
|
const targetId = this.getAttribute('href');
|
|
const targetElement = document.querySelector(targetId);
|
|
|
|
if (targetElement) {
|
|
targetElement.scrollIntoView({
|
|
behavior: 'smooth'
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
});
|