@@ -1,5 +1,6 @@
<template>
- <div :id="id" ref="section" v-scroll="onScroll">
+ <div ref="section" class="section" v-scroll="onScroll">
+ <div :id="id" class="anchor" />
<slot />
</div>
</template>
@@ -48,4 +49,13 @@ const onScroll = (scroll) => {
}
</script>
-<style scoped></style>
+<style scoped lang="scss">
+.section {
+ //position: relative;
+}
+
+.anchor {
+ position: relative;
+ top: -54px;
+</style>