要避免选中的列表项移动到列表顶部,可以采取以下方法:
.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>
以上方法可以根据具体需求选择适合的方式来避免选中的列表项移动到列表顶部。对于腾讯云相关产品和产品介绍链接地址,可以参考腾讯云官方文档或官网上的相关内容。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云