ソースを参照

feat: vertical-scroll add scrollChange Event

richard1015 5 年 前
コミット
af11e91c99

+ 4 - 1
src/packages/scroller/demo.vue

@@ -42,6 +42,7 @@
                 @loadMore="loadMoreVert"
                 @pulldown="pulldown"
                 @scrollToCbk="scrollToCbk"
+                @scrollChange="scrollChange"
             > 
                 <div slot="list" class="nut-vert-list-panel">
                     <div class="nut-vert-list-item" v-for="(item, index) of listData1" :key="index">
@@ -115,7 +116,9 @@ export default {
             this.scrollToHor = 0;
             
         },
-
+        scrollChange(event){
+            console.log(event)
+        },
         scrollToPos() {
             this.scrollTo = 0;
         },

+ 2 - 1
src/packages/scroller/doc.md

@@ -183,4 +183,5 @@ export default {
 | pulldown | 下拉刷新回调 | -
 | loadMore | 上拉加载回调 | -
 | jump | 查看更多跳转回调 | -
-| scrollToCbk | 滚动到指定位置之后,scrollTo参数设置成默认值 | -
+| scrollToCbk | 滚动到指定位置之后,scrollTo参数设置成默认值 | -
+| scrollChange | 实时监听滚动y轴坐标,type vertical时生效 | 滑动高度

+ 4 - 0
src/packages/scroller/scroller.vue

@@ -14,6 +14,7 @@
                 @loadMore="loadMore"
                 @pulldown="pulldown"
                 @scrollToCbk="scrollToCbk"
+                @scrollChange="scrollChange"
             >
                 <slot name="list"  slot="list"></slot>
 
@@ -102,6 +103,9 @@ export default {
 
         scrollToCbk() {
             this.$emit('scrollToCbk');
+        },
+        scrollChange(event){
+            this.$emit('scrollChange',event);
         }
     }
 }

+ 1 - 0
src/packages/scroller/vertical-scroll.vue

@@ -125,6 +125,7 @@ export default {
             }
             this.$refs.list.style.webkitTransform = `translate3d(0, ${translateY}px, 0)`;
             this.scrollDistance = translateY;
+            this.$emit('scrollChange',translateY);
         },
 
         setMove(move, type, time) {