微信小程序微信小程序开发微信小程序开发者

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

2018-10-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%;

上一篇 下一篇

猜你喜欢

热点阅读