vue 鼠标滚动内容区与侧边导航栏响应效果

最新推荐文章于 2024-04-28 17:47:43 发布

Keyrt

最新推荐文章于 2024-04-28 17:47:43 发布

阅读量2.1k

点赞数 1

分类专栏： vue 文章标签： vue 导航

本文链接：https://blog.csdn.net/Keyrt/article/details/90675395

版权

本文详细介绍了如何在Vue项目中，通过监听鼠标滚动事件，实现实时更新侧边导航栏高亮，达到内容区与导航栏的同步响应效果。这种效果常见于教程文档或长篇文章阅读中，能够帮助用户更好地跟踪当前浏览位置。

摘要由CSDN通过智能技术生成

<!-- 主内容区 -->
<div class="container" @mousewheel="scrool">
	<!-- 侧边栏区 -->
	<div class="side-bar">
      <ul>
        <li
          v-for="(item,index) in menulist"
          :key="index"
          @click="changeActive(index,item.href)"
          :class="{
    'active':index==current}"
        >

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Keyrt

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
vue 鼠标滚动内容区与侧边导航栏响应效果

<div class="container" @mousewheel="scrool">  <div class="side-bar"> <ul> <li v-for="(item,index) in menulist" ...
复制链接

扫一扫