<template>
  <div class="StickyWrapper">
    <slot name="top"/>
    <div class="content">
      <slot />
    </div>
  </div>
</template>

<style scoped lang="scss">
.StickyWrapper {
  position: relative;
  height: 100vh;
  .content {
    position: sticky;
    top: 50%;
    transform: translate(0, -50%);
  }
}
</style>
