微信小程序学习---view-scroll的使用注意事项

当是垂直滚动的时候,官网的实例即可完成
当是水平滚动的时候,注意:


      
        
          
        
        
          
        
        
          
        
        
    

css文件要求

  1. 一定要将scroll-view容器设置宽度,并设置white-space: nowrap;
  2. 一定要将scroll-view容器的每一项都设置宽度和display:inline-block
    .a-scroll{
      width: 100%;
      height: 300rpx;
    }
    .my-scroll{
      width: 100%;
      white-space: nowrap; 
    }
    .s-item{
      width: 100%;
      display: inline-block;
    }
    .a-scroll image{
      width: 100%;
      height: 300rpx;
    }

你可能感兴趣的:(微信小程序)