better-scroll实现菜单和内容联动的效果

1、基本使用

  
  
  
  
  
  


    

      

        

          

            

              

            
          
        
        

          

            

              

                
%20%20%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20%20%20
%20%20%20%20%20%20%20%20
%20%20%20%20%20%20
%20%20%20%20
%20%20
%20%20
%20%20
%20%20

由于浏览器的兼容性，每个浏览器的滚动条样式都不尽相同，使用css样式修改的话，也只有部分浏览器能达到你想要的效果。

better-scroll模拟实现滚动条，父容器设置固定高度，并设置属性 overflow:hidden，让子元素超出父容器后隐藏，better-scroll作用在父容器上，通过transform：translate属性来让子元素滚动到想要的地方。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持潘少俊衡。