
// const allTabs = document.getElementById('orders-all-tab');
// const allTabsContent = document.getElementById('orders-all');
// const tabs = document.querySelectorAll('#orders-tab .nav-item');
// const tabsContent = document.querySelectorAll('#orders-tabContent .tab-pane');




//     tabs.forEach((tab) => {

//     tab.addEventListener('shown.bs.tab', function(event){

//         if(event.target.id == 'orders-all-tab') {
//           
//             tabsContent.forEach((tabContent) => {
//                 tabContent.classList.add('active');  
//                 tabContent.classList.add('show');
                
//             
                           
//             });
//            
        
//       });
    
// })


var lastScrollTop = 0;

// element should be replaced with the actual target element on which you have applied scroll, use window in case of no target element.
element.addEventListener("scroll", function(){ // or window.addEventListener("scroll"....
   var st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426"
   if (st > lastScrollTop){
      // downscroll code
   } else {
      // upscroll code
   }
   lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
}, false);


    

