前面的話
滾動監(jiān)聽插件是用來根據(jù)滾動條所處的位置來自動更新導(dǎo)航項的。滾動導(dǎo)航條下面的區(qū)域并關(guān)注導(dǎo)航項的變化,下拉菜單中的條目也會自動高亮顯示。本文將詳細(xì)介紹Bootstrap滾動監(jiān)控器
基本用法
滾動監(jiān)聽插件是根據(jù)滾動的位置自動更新導(dǎo)航條中相應(yīng)的導(dǎo)航項的,該插件可自動檢測到達(dá)哪個位置了,然后在需要高亮的菜單父元素上加了一個active樣式
如果導(dǎo)航里有下拉菜單,并且滾動區(qū)域的內(nèi)容到達(dá)下拉菜單子項所對應(yīng)的區(qū)域,除了子菜單高亮之外,子菜單的父元素(dropdown按鈕)也會高亮
在平時使用的過程中,滾動監(jiān)聽一般有兩種用法,一種是固定一個元素的高度,進(jìn)行滾動,然后對相應(yīng)的菜單進(jìn)行高亮顯示;另外一種是對整個頁面(body)進(jìn)行滾動監(jiān)聽。兩種方式的用法一樣,都需要有如下3個步驟: