setto/setto-nostr-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make nav clickable

Browse source
This commit is contained in:
sakrecoer 2026-08-16 15:15:41 +02:00
parent 3daecd6eea
commit 1c35e99ed2
1 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

27
themes/one-pager/assets/js/scripts.js
View file

@ -933,20 +933,25 @@ document.addEventListener('DOMContentLoaded', function() {
});
});
// Smooth scrolling for navigation links (both main nav and sticky nav)
// Smooth scrolling for navigation links (only for # anchors)
document.querySelectorAll('nav a').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
const navHeight = stickyNav.offsetHeight;
const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - navHeight - 20;
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
const href = this.getAttribute('href');
// Only intercept if it's a # anchor link
if (href && href.startsWith('#')) {
e.preventDefault();
const targetId = href;
const targetElement = document.querySelector(targetId);
if (targetElement) {
const navHeight = stickyNav.offsetHeight;
const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - navHeight - 20;
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
}
}
// If it's a regular link (like /playlists/), let it navigate normally
});
});