收藏
回答

scroll-view导致子元素的overflow:hidden失效

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug scroll-view 客户端 最新版 最新版

HTML:


<scroll-view scroll-x  class="list-wrapper">
    <view class="list">
        <view wx:for="{{5}}" wx:key="index" class="item">
            <view class="right">
                <view class="goods-name">HENRIKSDAL 亨利克首页 /餐厅 / 餐椅· /软垫式餐椅</view>
            </view>
        </view>
    </view>
</scroll-view >


css:

.list {
  width: 2000rpx;
  display: flex;
  align-items: center;
}
.item {
  .goods-name {
    width: 200rpx;
    height: 66rpx;
    max-height: 66rpx;
    display: block;
    overflow: hidden;
  }
}



开发者工具:


表现正常


IOS11


表现不正常

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

2 个回答

  • 陈式坚
    陈式坚
    2018-09-07

    补充一下:

    刚刚测试.list-wrapper的css变为

    {
       overflow:hidden;
       -webkit-overflow-scrolling: touch;
    }


    也会造成上面的情况


    怀疑是:

    -webkit-overflow-scrolling: touch;

    造成

    2018-09-07
    赞同 1
    回复
  • 要喝就喝bing阔乐
    要喝就喝bing阔乐
    2019-07-02

    遇到同样的问题,-webkit-overflow-scrolling: touch; 只要加了这个或者用他们提供的scroll组件 父子元素包括scroll 全部失效,老哥有解决吗

    2019-07-02
    赞同
    回复
登录 后发表内容