Topic: Show navbar if page scrolled up
                  
                  amb85
                  pro
                  asked 7 years ago
                
                Does MDB Pro have a feature to show the navbar if the page is scrolled up?
 
The effect I am trying to achieve is to have a non-fixed/scrollable navbar which moves off the screen when the page is scrolled down. It should then transition to the fixed state if the page is scrolled up. It should also transition to the non-fixed/scrollable state if the page is scrolled down again.
 
Does MDB Pro have this animation capability as part of the provided toolkit?
                
                  
                
                
                
                  
                  
                  
                    
                    
                
              
              
              
            
                      
                        Add comment
                      
                    
                  
                
                      
                      Jakub Strebeyko
                      staff
                        answered 7 years ago
                    
                    Hi there amb85,
The Package does not have the above-described functionality out-of-the-box, but it definitely has the necessary animation capacity to do so. A similar feature already exists in your 
                    
                    
                    
                    
                  
                  
                mdb.js script file, which you can fiddle with using your favorite code editor by looking up the OFFSET_TOP variable. In my opinion the easiest way to achieve the effect would be by swapping the added/removed .top-nav-collapse CSS class with a custom one, transitioning properties such as height and/or opacity.
With Best Regards,
Kuba
                    
                      FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
              Resolved
Specification of the issue
              - ForumUser: Pro
 - Premium support: No
 - Technology: MDB jQuery
 - MDB Version: -
 - Device: -
 - Browser: -
 - OS: -
 - Provided sample code: No
 - Provided link: No
 
Tags