小程序实现标尺滑动

效果图：

html部分：

<!--pages/test-rules/test-rules.wxml-->

<view>

<view class="ageCon">

<view class="title">年龄</view>

<view class="ageOut">

<view class="hr"></view>

<scroll-view class="ageContent" scroll-left="{ {ageScrolLeft}}" scroll-x="true" bindscroll="agescroll" style="height:46px;" >

<block wx:for="{ {age}}" wx-index="index">

<view class="ageItem { {ageItemStatus[index]}}">{ {age[index]}}</view>

</block>

</scroll-view>

</view>

</view>

<view class="heightCon">

<view class="title">身高</view>

<view class="ageOut heightOut">

<view class="curHeight">{ {curHeight}}<text class="heightt1">cm</text>

<view class="tuletip">

<text class="tuletipt1"></text>

<text clas