当页面产生滚动，位置超过侧边栏的顶部阈值后，侧边栏变为固定定位
需求：当页面产生滚动，位置超过侧边栏的 顶部阈值后，侧边栏变为固定定位。
解决方法：使用position: sticky 粘性定位
刚开始的想法是获取滚动距离，动态添加position: fixed，但是会出现动态添加fixed会导致宽度位置发生变化。最后选择了position: sticky
<div class="content-right">
<div class="right-fixed">
<div v-for="(item, index) in data.hotList" :key="index" class="content-right-item" @click="rightLink(item)">
<div class="num">{{ index + 1 }}</div>
<div class="right-title">
{{ item.collegeTitle }}
</div>
</div>
</div>
</div>
.right-fixed {
position: -webkit-sticky; /* 对于 Safari 的兼容性 */
position: sticky;
right: 0;
top: 0;
}原文地址：https://blog.csdn.net/weixin_69670563/article/details/142823915
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！