From e0f71ebf52025b84c7eb896159bb979be1091d0b Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Mon, 2 Jul 2018 16:41:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0scroll-offset=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=EF=BC=8C=E5=AE=9A=E4=B9=89=E6=BB=9A=E5=8A=A8=E7=BB=93?=
 =?UTF-8?q?=E6=9D=9F=E5=90=8E=E8=B7=9D=E7=A6=BB=E5=AE=B9=E5=99=A8=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E7=9A=84=E8=B7=9D=E7=A6=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/routers/anchor.vue      | 2 +-
 src/components/anchor/anchor.vue | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/examples/routers/anchor.vue b/examples/routers/anchor.vue
index f99e3fbc..6639ee96 100644
--- a/examples/routers/anchor.vue
+++ b/examples/routers/anchor.vue
@@ -3,7 +3,7 @@
 		<div class="link-wrapper">
             <Button @click="changeCon">修改为Window</Button>
             <Button @click="andLink">添加一个连接</Button>
-			<Anchor @on-change="handleChange" @on-select="handleSelect" :style="{right: '100px'}" :affix="true" :offset-top="30" :container="scrollCon" show-ink-in-fixed>
+			<Anchor :bounds="100" @on-change="handleChange" @on-select="handleSelect" :style="{right: '100px'}" :affix="true" :offset-top="30" :scroll-offset="100" :container="scrollCon" show-ink-in-fixed>
 				<AnchorLink v-if="(link - 1) % 30 === 0" v-for="link in 300" :key="`link${link}`" :href="`#title-${link}`" :title="`title-${link}`">
                     <AnchorLink v-if="link === 61" href="#title-child-69" title="title-child-69"/>
                 </AnchorLink>
diff --git a/src/components/anchor/anchor.vue b/src/components/anchor/anchor.vue
index 52072ad2..214f9c7e 100644
--- a/src/components/anchor/anchor.vue
+++ b/src/components/anchor/anchor.vue
@@ -53,6 +53,10 @@ export default {
         showInkInFixed: {
             type: Boolean,
             default: false
+        },
+        scrollOffset: {
+            type: Number,
+            default: 0
         }
     },
     computed: {
@@ -92,7 +96,7 @@ export default {
         handleScrollTo () {
             const anchor = document.getElementById(this.currentId);
             if (!anchor) return;
-            const offsetTop = anchor.offsetTop - this.wrapperTop;
+            const offsetTop = anchor.offsetTop - this.wrapperTop - this.scrollOffset;
             this.animating = true;
             scrollTop(this.scrollContainer, this.scrollElement.scrollTop, offsetTop, 600, () => {
                 this.animating = false;