フロートスクロールバーsmiScrroll

4.  

filterTbodyNoScroll    ：

.filterTbodyNoScroll

{
    
  display: block;
  width: 100%;
  max-height: calc(100vh - 305px);

}

.tableHead tr,.taskList tr{
    
  display: table;
  width: 100%;
}

<br>    jQuery(document).ready(function () {
    <br>        jQuery(".<strong>filterTbodyNoScroll</strong>").slimScroll({
    </pre> 
   <pre>        width: '100%', //       
        height: '100%', //       
        size: '10px', //     ，     
        color: '#000', //     
        position: 'right', //    ：left/right
        distance: '0px', //          
        start: 'top', //      ：top/bottom
        opacity: .4, //      
        alwaysVisible: true, //         
        disableFadeOut: false, //                 ，       
        railVisible: true, //       
        railColor: '#333', //    
        railOpacity: .2, //     
        railDraggable: true, //         
        railClass: 'slimScrollRail', //  div   
        barClass: 'slimScrollBar', //   div  
        wrapperClass: 'slimScrollDiv', //  div  
        allowPageScroll: true, //           /   ，    
        wheelStep: 20, //     
        touchScrollStep: 200, //          
        borderRadius: '7px', //     
        railBorderRadius: '7px' //    </pre> 
   <pre><br>        });<br><br>    });<br><br>     
   
 

   :https://www.cnblogs.com/RonnieQin/p/9269890.html