nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

nav: fix left/right navigation for horizontal scrolling #435

Browse source
This commit is contained in:
Sören Weber 2023-01-22 23:46:56 +01:00
parent 1ee561fd77
commit 05b31c174a
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
1 changed files with 38 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
static/js/theme.js
View file

@ -369,13 +369,45 @@ function initArrowNav(){
}); });
// keyboard navigation // keyboard navigation
jQuery(document).keydown(function(e) { // avoid prev/next navigation if we are not at the start/end of the
if(!e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey){ // horizontal area
if(e.which == '37') { var el = document.querySelector('#body-inner');
jQuery('a.nav-prev').click(); var scrollLeft = 0;
var scrollRight = 0;
document.addEventListener('keydown', function(event){
if( !event.shiftKey && !event.ctrlKey && !event.altKey && !event.metaKey ){
if( event.which == '37' ){
if( !scrollLeft && el.scrollLeft <= 0 ){
jQuery('a.nav-prev').click();
}
else if( scrollLeft != -1 ){
clearTimeout( scrollLeft );
}
scrollLeft = -1;
} }
if(e.which == '39') { if( event.which == '39' ){
jQuery('a.nav-next').click(); if( !scrollRight && el.scrollLeft + el.clientWidth >= el.scrollWidth ){
jQuery('a.nav-next').click();
}
else if( scrollRight != -1 ){
clearTimeout( scrollRight );
}
scrollRight = -1;
}
}
});
document.addEventListener('keyup', function(event){
if( !event.shiftKey && !event.ctrlKey && !event.altKey && !event.metaKey ){
if( event.which == '37' ){
// check for false indication if keyup is delayed after navigation
if( scrollLeft == -1 ){
scrollLeft = setTimeout( function(){ scrollLeft = 0; }, 300 );
}
}
if( event.which == '39' ){
if( scrollRight == -1 ){
scrollRight = setTimeout( function(){ scrollRight = 0; }, 300 );
}
} }
} }
}); });