vue使用原生js實現滾動頁面跟蹤導航高亮的示例代碼

使用vue做一個專題頁面。滾動頁面指定區域導航高亮。 監聽滾動頁面事件，對比當前頁面的位置與元素的位置，如果當前滾動的區域位置大於元素的位置，導航添加class，其他去掉class進行樣式切換。 我使用的方法是在定位元素上添加id，在導航添加data-id屬性，監聽滾動事件，如果當前滾動區域大於定位元素區域，將元素的id賦值給變量，然後與導航的data-id進行匹配，切換class。 html結構

>>阅读原文<<