vue的商城侧边栏标签随内容滚动高亮,思路是什么?

需求是这样的:想实现一个类似饿了么的页面。
比如某家店家里面左边的侧边标签有“热销榜”、“饮品”、“小食”...等等,右边则是店家全部商品。想要的效果是:当滑动右边的商品列表时,滑到某一标签栏的商品时,左边侧边栏对应的标签就高亮。当然,也可以直接滑动左边的侧边栏,点击选择想要的标签,平滑滚动到该标签的商品。
请问实现这个需求的思路,或者有现成的组件可以学习的吗?

阅读 6.5k
4 个回答

左右联动的效果啊,你既然都知道饿了么的那个例子,那你应该清楚思路啊,就是通过右边的滚动高度获取到对应的滚动部分的id,使得左边的id与之对应即可啊

就是通过对应的id 绑定左侧的状态

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题