From 0e951b7beb25fe991e1bc25e6b71022fe7bd327e Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Fri, 29 Dec 2017 14:55:46 +0800
Subject: [PATCH] [bugfix] Tab: height calc error when use sticky (#493)

---
 packages/tabs/index.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/tabs/index.vue b/packages/tabs/index.vue
index c68d261a9..0560204b0 100644
--- a/packages/tabs/index.vue
+++ b/packages/tabs/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="van-tabs" :class="[`van-tabs--${type}`]">
     <div
+      ref="wrap"
       class="van-tabs__wrap"
       :class="[`van-tabs__wrap--${position}`, {
         'van-tabs--scrollable': scrollable,
@@ -133,7 +134,7 @@ export default create({
     onScroll() {
       const scrollTop = scrollUtils.getScrollTop(this.scrollEl);
       const elTopToPageTop = scrollUtils.getElementTop(this.$el);
-      const elBottomToPageTop = elTopToPageTop + this.$el.offsetHeight - this.$refs.nav.offsetHeight;
+      const elBottomToPageTop = elTopToPageTop + this.$el.offsetHeight - this.$refs.wrap.offsetHeight;
       if (scrollTop > elBottomToPageTop) {
         this.position = 'content-bottom';
       } else if (scrollTop > elTopToPageTop) {