📌  相关文章
📜  引导Scrollspy

📅  最后修改于: 2020-12-19 02:50:09             🧑  作者: Mango

引导卷轴

Bootstrap Scrollspy插件用于基于滚动位置自动更新导航列表中的链接。

请参阅以下示例：

 


  Bootstrap Example
  
  
  
  
  
  



    



  
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!

Bootstrap垂直滚动菜单

您也可以使用垂直导航药丸作为菜单。

请参阅以下示例：

 


  Bootstrap Example
  
  
  
  
  
  





  

    
    

      
    
        
Section 1

        
Try to scroll this section and look at the navigation list while scrolling!

      

      
 
        
Section 2

        
Try to scroll this section and look at the navigation list while scrolling!

      
        
      
         
        
Section 3

        
Try to scroll this section and look at the navigation list while scrolling!

      

      
         
        
Section 4-1

        
Try to scroll this section and look at the navigation list while scrolling!

      
      
      
         
        
Section 4-2

        
Try to scroll this section and look at the navigation list while scrolling!