鍍金池/ 問答/HTML/ vue的商城側(cè)邊欄標簽隨內(nèi)容滾動高亮,思路是什么?

vue的商城側(cè)邊欄標簽隨內(nèi)容滾動高亮,思路是什么?

需求是這樣的:想實現(xiàn)一個類似餓了么的頁面。
比如某家店家里面左邊的側(cè)邊標簽有“熱銷榜”、“飲品”、“小食”...等等,右邊則是店家全部商品。想要的效果是:當滑動右邊的商品列表時,滑到某一標簽欄的商品時,左邊側(cè)邊欄對應的標簽就高亮。當然,也可以直接滑動左邊的側(cè)邊欄,點擊選擇想要的標簽,平滑滾動到該標簽的商品。
請問實現(xiàn)這個需求的思路,或者有現(xiàn)成的組件可以學習的嗎?

回答
編輯回答
青裙

定位導航了解一下...

然后這里有基于jQuery寫的DEMO,原理都是一樣的:

測試用例

2018年3月14日 20:09
編輯回答
賤人曾

就是通過對應的id 綁定左側(cè)的狀態(tài)

2017年7月18日 11:00
編輯回答
扯機薄

左右聯(lián)動的效果啊,你既然都知道餓了么的那個例子,那你應該清楚思路啊,就是通過右邊的滾動高度獲取到對應的滾動部分的id,使得左邊的id與之對應即可啊

2017年3月17日 10:07
編輯回答
我不懂
2017年11月7日 11:22