收藏
回答

如何禁止view滚动?(是view,不是scroll-view)

我现在在view中放了一个自定义组件tab-control,tab-control是固定高度,又放了一个scroll-view,实现效果是view的高度是屏幕的高度,让订单信息在scroll-view中滚动,但是view也会出现滚动效果,怎么禁止view滚动?

<view class="orderInfo" >

<e-tab-control titles="{{titles}}active="active"/>

  <scroll-view class="sview" scroll-y>

   ...

  </scroll-view>

</view>



回答关注问题邀请回答
收藏

2 个回答

  • 🇨🇳 👍
    🇨🇳 👍
    2020-05-07

    2020-05-07
    有用
    回复 5
    • Edwardmdkdkdkdkdkdkdl
      Edwardmdkdkdkdkdkdkdl
      2020-05-07
      不管用,view还是会出现滚动条,还是会滚动
      2020-05-07
      回复
    • 🇨🇳 👍
      🇨🇳 👍
      2020-05-07回复Edwardmdkdkdkdkdkdkdl
      .orderInfo{overflow: hidden;}  增加超出隐藏
      2020-05-07
      回复
    • Edwardmdkdkdkdkdkdkdl
      Edwardmdkdkdkdkdkdkdl
      2020-05-07
      问题已经解决,之前我是在最外层的view中加了padding,去掉padding之后,就不会出现滚动条了
      2020-05-07
      回复
    • Edwardmdkdkdkdkdkdkdl
      Edwardmdkdkdkdkdkdkdl
      2020-05-07
      page{
       background-color: #f0f0f0;
      }
      .orderInfo{
       height: 100%;
       width: 96%;
       margin: 0rpx 2%;
      }
      .sview{
       height: calc(100% - 100rpx);
      }
      2020-05-07
      回复
    • Edwardmdkdkdkdkdkdkdl
      Edwardmdkdkdkdkdkdkdl
      2020-05-07
      之前为了两侧留白,背景颜色加在了.orderInfo中,给.orderInfo加了padding实现的,但会.orderInfo会出现滚动条,现在用margin来实现就可以了
      2020-05-07
      回复
  • 维她命系
    维她命系
    2020-05-07
    view {
      height: 100vh;
      overflow: hidden;
    }
    
    2020-05-07
    有用
    回复 1
登录 后发表内容
问题标签