<ul>
<li
v-for="(item, index) in menu"
:key="index"
@change="locationView(index)"
>{{ item.name }}</li>
</ul>
<div class="row">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
</div>
locationView(index) {
let countH = 0
for (var i = 0; i < index; i++) {
countH = countH + $('.item').eq(i).height() + 16
}
countH = index === 0 ? 0 : countH
$('.row').animate(
{
scrollTop: countH
},
300
)
}
scrollTop点击栏目平滑滚动到指定位置