视图层 代码：

<view class=“fc-flex nav-list” >

<scroll-view scroll-x=“true” class=“fc-flex” scroll-left="{{tab_scroll_left}}" scroll-with-animation>

<block wx:for="{{menus.added}}" wx:key=“index”>

<view class=“nav-i {{select_index == index ? ‘active’ : ‘’}}” id=“nav_{{item.catid}}”>

<text wx:if="{{select_index == index}}">{{item.catname}}</text>

<text wx:else catchtap=“selectNav” data-index="{{index}}" data-id="{{item.catid}}">{{item.catname}}</text>

</view>

</block>

</scroll-view>    

</view>

首先 先是获取分类节点的位置信息 计算点击其滚动的距离 存在数组中 方便后面使用

function getMenusTabsInfo(that){

var tab_left_ = that.data.tab_left_ ? that.data.tab_left_ : [];

var isChange = that.data.isChange ? that.data.isChange : false;

if (wx.canIUse(‘createSelectorQuery’)){

setTimeout(function(){

var query = wx.createSelectorQuery();

var tab_left_ = [];

query.select(’.nav-list’).boundingClientRect()

query.selectViewport().scrollOffset()

query.exec(function (res) {

if (res.length) {

nav_w = res[0].width;

query.selectAll(’.nav-i’).boundingClientRect(function (rect) {

if (rect.length >= 1) {

for (var i in rect) {

var tab_ = {};

tab_.left = rect[i].left;

tab_.width = rect[i].width;

tab_.scroll_left = rect[i].left > nav_w / 2 ? rect[i].left - nav_w / 2 - 13 : 0

tab_left_.push(tab_);

}

that.setData({

tab_left_: tab_left_

})

}

}).exec()

}

})

},300)

}

}

点击 分类 时根据上面获取的数据进行 scroll-left赋值

function setTabPosition(that) {//设置分类位置

var tab_left_ = that.data.tab_left_ ? that.data.tab_left_ : [];

var menus = that.data.menus;

var menus_width = win_w - 60;

var select_index = that.data.select_index ? that.data.select_index : 0;

var width_ = 0;

var scroll_view_id = 0;

if (!tab_left_.length) { return }

that.setData({

tab_scroll_left: Number(tab_left_[select_index].scroll_left)

})

}

赋值时打印 赋值是正常的

但是安卓机却 没有效果 苹果机是正常 该分类 显示在屏幕中间位置

设备信息下图

麻烦看下是哪里代码问题吗？非常感谢