Merge pull request #1 from Jonham/master

修复滑动穿透问题: add catchtouchmove to stop scroll actions to the underlying
nanhupatar · Jul 7, 2018 · ea8bb0a · ea8bb0a
2 parents da5d509 + b5470f3
commit ea8bb0a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/bar-slider/bar-slider.js b/src/components/bar-slider/bar-slider.js
@@ -165,6 +165,12 @@ Component({
                 'sliderAin': animation.export(),
                 'sliderState': true
             });
+        },
+        /**
+         * 处理滑动带动不可见层的问题，捕捉touchmove事件，不冒泡
+        */
+        _onNoScroll(ev) {
+          // console.log(ev)
         }
     }
 })
diff --git a/src/components/bar-slider/bar-slider.wxml b/src/components/bar-slider/bar-slider.wxml
@@ -1,5 +1,6 @@
 <!--components/bar-slider.wxml-->
-<view class="slider-wrap" animation="{{sliderAin}}">
+<view class="slider-wrap" animation="{{sliderAin}}"
+        catchtouchmove='_onNoScroll'>
     <view class="slider-header">
         <image class="head-bg" src="/static/images/main_nav_header_bg.png"></image>
         <text class="head-moon iconfont icon-yueliang"></text>