github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-09-14 06:50:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace Anime.js scrolling with native APIs (#981)

Browse Source
This commit is contained in:
Mimi 2026-08-03 18:30:05 +08:00 committed by GitHub
parent d54ab89ea2
commit 1b306b9824
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 18 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
source/js/bookmark.js
View File

@ -1,4 +1,4 @@
/* global CONFIG */ /* global NexT, CONFIG */
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
'use strict'; 'use strict';
@ -13,12 +13,7 @@ document.addEventListener('DOMContentLoaded', () => {
// If the page opens with a specific hash, just jump out // If the page opens with a specific hash, just jump out
if (!isNaN(top) && location.hash === '') { if (!isNaN(top) && location.hash === '') {
// Auto scroll to the position // Auto scroll to the position
window.anime({ NexT.utils.scrollTo(window, top);
targets : document.scrollingElement,
duration : 200,
easing : 'linear',
scrollTop: top
});
} }
}; };
// Register everything // Register everything

41
source/js/utils.js
View File

@ -19,6 +19,17 @@ HTMLElement.prototype.wrap = function(wrapper) {
NexT.utils = { NexT.utils = {
scrollTo(target, top) {
if (window.CSS?.supports('scroll-behavior', 'smooth')) {
target.scrollTo({
top,
behavior: 'smooth'
});
} else {
target.scrollTo(0, top);
}
},
registerExtURL() { registerExtURL() {
document.querySelectorAll('span.exturl').forEach(element => { document.querySelectorAll('span.exturl').forEach(element => {
const link = document.createElement('a'); const link = document.createElement('a');
@ -193,12 +204,7 @@ NexT.utils = {
}, { passive: true }); }, { passive: true });
backToTop?.addEventListener('click', () => { backToTop?.addEventListener('click', () => {
window.anime({ NexT.utils.scrollTo(window, 0);
targets : document.scrollingElement,
duration : 500,
easing : 'linear',
scrollTop: 0
});
}); });
}, },
@ -258,12 +264,7 @@ NexT.utils = {
}, 1000); }, 1000);
if (!CONFIG.stickytabs) return; if (!CONFIG.stickytabs) return;
const offset = nav.parentNode.getBoundingClientRect().top + window.scrollY + 10; const offset = nav.parentNode.getBoundingClientRect().top + window.scrollY + 10;
window.anime({ NexT.utils.scrollTo(window, offset);
targets : document.scrollingElement,
duration : 500,
easing : 'linear',
scrollTop: offset
});
}); });
}); });
@ -311,15 +312,8 @@ NexT.utils = {
element.addEventListener('click', event => { element.addEventListener('click', event => {
event.preventDefault(); event.preventDefault();
const offset = target.getBoundingClientRect().top + window.scrollY; const offset = target.getBoundingClientRect().top + window.scrollY;
window.anime({ NexT.utils.scrollTo(window, offset);
targets : document.scrollingElement,
duration : 500,
easing : 'linear',
scrollTop: offset,
complete : () => {
history.pushState(null, document.title, element.href); history.pushState(null, document.title, element.href);
}
});
}); });
return target; return target;
}); });
@ -367,12 +361,7 @@ NexT.utils = {
// Scrolling to center active TOC element if TOC content is taller then viewport. // Scrolling to center active TOC element if TOC content is taller then viewport.
const tocElement = document.querySelector(CONFIG.scheme === 'Pisces' || CONFIG.scheme === 'Gemini' ? '.sidebar-panel-container' : '.sidebar'); const tocElement = document.querySelector(CONFIG.scheme === 'Pisces' || CONFIG.scheme === 'Gemini' ? '.sidebar-panel-container' : '.sidebar');
if (!document.querySelector('.sidebar-toc-active')) return; if (!document.querySelector('.sidebar-toc-active')) return;
window.anime({ NexT.utils.scrollTo(tocElement, tocElement.scrollTop - (tocElement.offsetHeight / 2) + target.getBoundingClientRect().top - tocElement.getBoundingClientRect().top);
targets : tocElement,
duration : 200,
easing : 'linear',
scrollTop: tocElement.scrollTop - (tocElement.offsetHeight / 2) + target.getBoundingClientRect().top - tocElement.getBoundingClientRect().top
});
}, },
updateSidebarPosition() { updateSidebarPosition() {