vue.js仿餓了么這種左右聯(lián)動(dòng)最后一項(xiàng)滾動(dòng)不到怎么辦

圖片描述

如動(dòng)態(tài)圖所示，左側(cè)菜單欄正常滾動(dòng)，但到最后一個(gè)由于滾動(dòng)高度并未達(dá)到右邊商品的滾動(dòng)高度，所以當(dāng)前活躍的菜單欄是最后一個(gè)的時(shí)候會(huì)因?yàn)楦叨炔粔蚩偸遣荒苷Ｒ愿吡琳故?，右邊滾動(dòng)反饋到左邊也是同理，都無(wú)法使最后一項(xiàng)菜單活躍

實(shí)際上不僅限于最后一個(gè)，，也就是說(shuō)商品標(biāo)簽要過(guò)容器頂部左邊才會(huì)改變當(dāng)前的活躍索引，只要滾動(dòng)到底，前幾個(gè)標(biāo)簽高度不夠，都會(huì)無(wú)法更新其活躍狀態(tài)，不知表述是否清楚？，困擾了大半天了，求解決

回答

編輯回答

青裙

加個(gè)標(biāo)識(shí)符如果是點(diǎn)的就優(yōu)先級(jí)高點(diǎn)，以及換掉計(jì)算屬性，用函數(shù)方法，方法中根據(jù)標(biāo)識(shí)符判斷是否需要計(jì)算scrollY, 點(diǎn)擊設(shè)置索引時(shí)加個(gè)延遲時(shí)間大于滾動(dòng)動(dòng)畫(huà)，并在設(shè)置時(shí)及時(shí)把標(biāo)識(shí)符回歸原位，不影響滾動(dòng)判斷

2017年7月26日 05:28

編輯回答

陪妳哭

思路應(yīng)該是這樣：
左側(cè)菜單欄，點(diǎn)擊時(shí)，應(yīng)該總是加上高亮效果。
而不是只依靠右側(cè)的滾動(dòng)反饋。這樣即便右側(cè)滾動(dòng)到了底部，點(diǎn)擊左側(cè)相應(yīng)的菜單，依然是可以高亮的。
剛打開(kāi)了餓了么app，也是這個(gè)實(shí)現(xiàn)思路。

2018年1月28日 23:37

編輯回答