AngularJS实现的锚点楼层跳转功能示例

本文实例讲述了AngularJS实现的锚点楼层跳转功能。分享给大家供大家参考，具体如下：

  
    
    
    
      #wei div{
 width:100%;
 height:720px;
 background: red;
 color:#fff;
 text-align:center;
 line-height: 720px;
 margin:20px;
 font-size: 80px;
      }
      #wei ul{
 position: fixed;
 top:300px;
 right:60px;
      }
      #wei ul li{
 width:20px;
 display:block;
 height:20px;
 background: gray;
 color:#fff;
 text-align:center;
 line-height: 20px;
 border-radius: 50%;
 margin-bottom: 20px;
 cursor: pointer;
      }
    
  
  
      
 {{attr}}
 

   
{{attr}}
 
      
    
    
  

运行效果如下：

点击锚点2：

点击锚点3：

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。