在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

回答
編輯回答
青裙

定位導(dǎo)航了解一下...

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

測試用例

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

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

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

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

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