How can I fix the bootstrap navbar to the top after a div was scrolled?

Question

I am trying to get my navbar with bootstrap to appear after a certain div, called \"A\". Div \"a\" is at the top of by page, and has a height of around 400px. Once the user

Answer 1

please just follow this. you will not see the snap thing when the menu bar reached the top position.

  
  
  
  
  
  
  




  
Scrollspy & Affix Example
  
Fixed navbar on scroll
  
Scroll this page to see how the navbar behaves with data-spy="affix" and data-spy="scrollspy".
  
The navbar is attached to the top of the page after you have scrolled a specified amount of pixels, and the links in the navbar are automatically updated based on scroll position.



  

    

        
          
          
                                  
      
      WebSiteName
    
    

      

        

          
Section 1
          
Section 2
          
Section 3
          
Section 4 
            

              
Section 4-1
              
Section 4-2
            
          
        
      
    
  
    


  
Section 1
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!


  
Section 2
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!


  
Section 3
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!


  
Section 4 Submenu 1
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!


  
Section 4 Submenu 2
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!
  
Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

---

reference: https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy_affix&stacked=h