html52.com
我爱小程序-开发者交流社区

scroll-into-view横向滚动 android 无效果,ios 正常

问题模块
API和组件

相关部分代码

.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

})

}



这是因为啥???

网友回复

Be yourself !:

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

Irwin:

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

Irwin:

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

Be yourself !:

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

Irwin:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付