Template: Enhance action bar scroll function.

This commit is contained in:
Nate
2020-01-11 20:23:40 -07:00
parent 306606f7c6
commit bdb84969a7
+15 -5
View File
@@ -378,11 +378,21 @@ echo "<script language='JavaScript' type='text/javascript' src='<!--{project_pat
} }
//handle action bar style on scroll //handle action bar style on scroll
window.addEventListener('scroll', action_bar_scroll , false); window.addEventListener('scroll', function(){
function action_bar_scroll() { action_bar_scroll('action_bar', 20);
if (document.getElementById('action_bar')) { }, false);
if (this.scrollY > 20) { document.getElementById('action_bar').classList.add('scroll'); } function action_bar_scroll(action_bar_id, scroll_position, function_sticky, function_inline) {
if (this.scrollY < 20) { document.getElementById('action_bar').classList.remove('scroll'); } if (document.getElementById(action_bar_id)) {
//sticky
if (this.scrollY > scroll_position) {
document.getElementById(action_bar_id).classList.add('scroll');
if (typeof function_sticky === 'function') { function_sticky(); }
}
//inline
if (this.scrollY < scroll_position) {
document.getElementById(action_bar_id).classList.remove('scroll');
if (typeof function_inline === 'function') { function_inline(); }
}
} }
} }