鍍金池/ 問答/網(wǎng)絡安全  HTML/ vue.js仿餓了么這種左右聯(lián)動最后一項滾動不到怎么辦

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

圖片描述

如動態(tài)圖所示，左側(cè)菜單欄正常滾動，但到最后一個由于滾動高度并未達到右邊商品的滾動高度，所以當前活躍的菜單欄是最后一個的時候會因為高度不夠總是不能正常以高亮展示，右邊滾動反饋到左邊也是同理，都無法使最后一項菜單活躍

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

回答
編輯回答
青裙

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

2017年7月26日 05:28
編輯回答
陪妳哭

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

2018年1月28日 23:37
編輯回答
互擼娃

高度不夠就增加高度唄。
如果讓我做的話，給右邊容器加個padding-bottom，值嘛，就用容器高度 - 最后一塊的高度 + N像素

2018年4月27日 02:25