小程序顶部导航fixed后scroll-view失效

作者: 前端来入坑 | 来源:发表于2018-10-28 14:28 被阅读27次
    overflow:hidden;//全局设置
    overflow-x:scroll;//左右边缘进行裁剪
    overflow-y:visible;//上下边缘的裁剪
    overflow-wrap:normal;//内容超过指定容器边界时是否进行判断
    
    <view class='myscroll'>
          <text class="{{flag==index?'active':''}}" bindtap="flagFun" wx:for="{{categorys}}" wx:key="index" data-flagindex='{{index}}'>{{item.name}}</text>
    </view>
    
    .myscroll{
      white-space: nowrap;
      padding: 0 12px;
      width: 100%;
      box-sizing:border-box;
      overflow-x: scroll;
    }
    

    把scroll-view去掉使用view通过设置overflow-x:scroll;就可以了,记得设置宽度为100%;

    相关文章

      网友评论

        本文标题:小程序顶部导航fixed后scroll-view失效

        本文链接:https://www.haomeiwen.com/subject/hmqdtqtx.html