小程序scrollview下,scrollx跟flexdirection冲突

微信小程序,微信公开课,小程序scrollview下,scrollx跟flexdirection冲突 微信公开课

如何看待微信公开课小程序热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」
摘要:小程序scrollview下,scrollx跟flexdirection冲突
展开:原本在view下,效果是这样的RT一共8个区,希望能横向滑动,于是把最外层view改成scrollview,结果是这样第二个区及后面的区匪夷所思地竖向排列了为啥scrollview干扰了flex布局的横向flex方向..把横向生生变成了竖向代码如下scrollviewscrollleft20rpxscrollxtrueclassheadwrpflexhorizonalstyleheight:{{sbscrollview}};display:flex;whitespace:nowrapviewbindtapTabdataposition2classheaditem{{selected2}}textdataposition2东区/text/viewviewbindtapTabdataposition3classheaditem{{selected3}}textdataposition3西区/text/viewviewbindtapTabdataposition4classheaditem{{selected4}}textdataposition4南区/text/view/scrollview在js的pagedata里sbscrollview:200rpxwxss.headwrp{height:66rpx;position:fixed;width:100%;/也试过700rpx/display:flex;borderbottom:solidthingreen;}.headitem{font:30rpx方正黑体简体;letterspacing:4.32rpx;color:333333;width:120rpx;/也试过12.5%/height:100%;/在父元素200rpx生效的情况下,也试过设为200rpx/display:flex;alignitems:center;justifycontent:center;}flexhorizonal{display:flex;flexdirection:row;/这句在view里好好的,在scrollview里不起作用/alignitems:center;}设置父子固定高度、宽度、父子元素whitespace:nowrap、父子display:flex、填满父元素全都不起作用是版本问题么开发者工具v0.17.172600如果往scrollview下面再加一层view,倒是可以横向排列,问题是没法scroll了。。了解更多

「小程序scrollview下,scrollx跟flexdirection冲突」热门讨论订阅

微信小程序,微信公开课,小程序scrollview下,scrollx跟flexdirection冲突
订阅小程序

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」

微信公开课小程序热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「小程序scrollview下,scrollx跟flexdirection冲突」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。