<Script> ... Const scrollTo = (eDOM) => eDOM.scrollIntoView({ behavior: 'smooth' }) </script> <template>

Question

<Script> ... Const scrollTo = (eDOM) => eDOM.scrollIntoView({ behavior: 'smooth' }) </script> <template>

<div class="flex flex-col">
<div class="sticky top-0 z-10 bg-white flex space-x-2">
<div class="btn" @click="scrollTo(topDOM)">up</div>
<div class="btn" @click="scrollTo(bottomDOM)">down</div>
</div>

<div class="content" ref="topDOM">
.......
</div>

<div ref="bottomDOM"></div>
</div>
</template>

sticky блок навигации с кнопками скролла - вверх/вниз

при прокрутке вверх контент встает вверх экрана и навигация закрывает его начало. как сделать прокрутку чтоб контент вставал под блок навигации?