微信小程序 使用scroll-view禁止滑动功能

<scroll-view class="scroll-view_H" scroll-x="false"   style="width: 100%; height:{{scroll_page_H}}px" scroll-left='{{scrollLeft}}'>
          <view class="fhbox scroll-view-item" style="height:{{Cbox}}"  catchtouchmove='catchTouchMove' >
            <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ecline }}"  bind:init="echartInit_load_line"></ec-canvas>
          </view>
          <view class="ydlbox scroll-view-item" catchtouchmove='catchTouchMove' >
            <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ecBar }}" bind:init='echartInit_electric_bar'></ec-canvas>
          </view>
      </scroll-view>

wxml部分代码 

主要解决方法在  内部组件里添加  catchtouchmove='catchTouchMove' 

 catchTouchMove(){
    return false;
  },

js部分 直接在组件内部捕获时间，并且阻止事件。