如何避免选中的列表项移动到列表顶部？

.list-item {
  position: fixed;
  top: 0;
}

var listItem = document.querySelector('.list-item');
var originalOffset = listItem.offsetTop;

window.addEventListener('scroll', function() {
  if (listItem.classList.contains('selected')) {
    listItem.style.top = originalOffset + 'px';
  }
});

<template>
  <div>
    <div v-sticky>
      <!-- 固定的列表项 -->
    </div>
    <div>
      <!-- 其他列表项 -->
    </div>
  </div>
</template>

<script>
import Sticky from 'vue-sticky';

export default {
  directives: {
    Sticky
  }
}
</script>