相关部分代码
.wxml 文件
<scroll-view class="case-scroll-view" scroll-x="true" scroll-with-animation='{{scrollViewFlag}}' scroll-into-view="{{toView}}">
<view class="{{index == 0 ? 'first-case-view' : 'case-view'}}" wx:for="{{caseData}}" wx:key="{{item.id}}" bindtap="clickCase" data-index="{{index}}" data-picture="{{item.picture}}" data-id="{{item.id}}">
<view class='case-box' id='view{{index}}'>
<view class='triangle' wx:if="{{selectedCase == index}}"></view>
<view class='case-img-content'>
<block wx:if="{{item.picture}}">
<image class="case-img" src="{{app.globalData.http}}/{{item.picture}}" mode="aspectFill"></image>
</block>
<block wx:else>
<image class="case-img" src="/images/default_pic.png" mode="aspectFill"></image>
</block>
<view class='case-text-view'>
<view class='case-text'>{{item.title}}</view>
</view>
</view>
</view>
</view>
<image class="case-more-img" src='/images/home/img_more_case.png' bindtap='moreCase'></image>
</scroll-view>
.js 文件
var index = parseInt(event.currentTarget.dataset.index),
picture = event.currentTarget.dataset.picture,
id = event.currentTarget.dataset.id
if(picture != null && picture != undefined && picture != ''){
console.log("selectedCase ==", index)
if(index == 2){
this.data.toView = 'view1'
}
if(index == 1){
this.data.toView = 'view0'
}
this.setData({
selectedCase: index,
casePicture: picture,
caseId: id,
toView: this.data.toView
})
}
这是因为啥???
谢谢喽!确实是scroll-view 使用flex 布局的问题
我的问题已解决,你这个scroll-view有使用flex布局吗?flex布局在安卓下有兼容性问题,取消flex就可以了,希望对你有所帮助
我看今日头条小程序安卓机是有这个效果,是有用其他方法实现的吗?大神求助
目前小程序官方还没有给出回答
这个问题官方没有回答的吗?我也遇到了,安卓机无法使用scroll-left 以及scroll-into-view,ios正常