html52.com
我爱小程序-开发者交流社区

overflow-y


 menu.wxml 代码:

<!--商品-->

    <view class="fl pro-box">

      <view class="pro-item clearfix">

        <!-- 商品图片 -->

        <view class="pro-img fl">

          <image class="auto-imgsrc="../../images/lizhi1.jpgmode="widthFix"></image>

        </view>

        <!-- 商品文本 -->

        <view class="pro-text fl">

          <view class="pro-name">

            <view class="ch-name">摩卡</view>

            <view class="en-name">moka</view>

          </view>

          <view class="pro-price">¥28</view>

        </view>

      </view>

      <view class="pro-item clearfix">

        <!-- 商品图片 -->

        <view class="pro-img fl">

          <image class="auto-imgsrc="../../images/lizhi1.jpgmode="widthFix"></image>

        </view>

        <!-- 商品文本 -->

        <view class="pro-text fl">

          <view class="pro-name">

            <view class="ch-name">摩卡</view>

            <view class="en-name">moka</view>

          </view>

          <view class="pro-price">¥28</view>

        </view>

..................

 </view>


menu.wxss 代码:

 .pro-box{

    width: calc(100%-200rpx);

    height: 100%;

    overflow-y:auto;

  }

  .pro-img{

    width: 160rpx;

  }

  .pro-item{

    padding: 20rpx;

    border-bottom: 1rpx solid #e8e8e8;

  }

  .aside-item:last-child{

border-bottom: none;

  }

  .pro-text{

    width: calc(100%-180rpx);

    margin-left: 20rpx;

  }

  .pro-name{

    height: 120rpx;

  }

  .ch-name{

    font-size: 28rpx;

    color: #444;

  }

  .en-name{

    font-size: 22rpx;

    color: #6a6a6a;

  }

  .pro-price{

    height: 40rpx;

    line-height: 140rpx;

    color: #165dad;

  }

}overflow-y:auto;无效,没有滚动条,下面的内容滚动不了,求教各位大神,是哪里出问题了呢

overflow-y:auto;无效,没有滚动条,下面的内容滚动不了,求教各位大神,是哪里出问题了呢


评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签云端发卡