本文共 1080 字，大约阅读时间需要 3 分钟。

表头不动，只有内容无限循环滚动，代码如下：

   
    
    
        
     
      组织排名
     
        
     
      组织名称
     
        
     
      组织积分
     
    
    
    
    
        
     
            
      
        
     
        
     
    
    
   

css部分：

.table{
           width: 100%;    }    .content {
           width: 434px;        height: 182px;        outline: 1px solid #e5e5e5;        overflow: hidden;    }    .data-content tr:nth-child(odd){
           background-color: #f6fafd;    }    .data-content tr:nth-child(even){
           background-color: #ffffff;    }    .data {
           height: 180px;        overflow: hidden;    }    .header {
           line-height: 30px;        padding-left: 16px;        padding-right: 16px;        background-color: #e9eef4;        display: flex;        justify-content: space-between;    }    .rows{
           padding: 0;        height: 38px;        text-align: center;        line-height: 38px;    }    .table tbody tr{
           width: 100%;        display: flex;        flex-direction: row;        justify-content: space-between;     }

js部分：

转载地址：http://tzrgn.baihongyu.com/