scroll-into-view横向滚动 android 无效果,ios 正常
发布于 5 年前 作者 yong73 3922 次浏览 来自 问答

相关部分代码

.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

})

}


这是因为啥???

5 回复

我看今日头条小程序安卓机是有这个效果,是有用其他方法实现的吗?大神求助

目前小程序官方还没有给出回答

谢谢喽!确实是scroll-view 使用flex 布局的问题

我的问题已解决,你这个scroll-view有使用flex布局吗?flex布局在安卓下有兼容性问题,取消flex就可以了,希望对你有所帮助

这个问题官方没有回答的吗?我也遇到了,安卓机无法使用scroll-left 以及scroll-into-view,ios正常

回到顶部