前面的話
滾動(dòng)監(jiān)聽(tīng)插件是用來(lái)根據(jù)滾動(dòng)條所處的位置來(lái)自動(dòng)更新導(dǎo)航項(xiàng)的。滾動(dòng)導(dǎo)航條下面的區(qū)域并關(guān)注導(dǎo)航項(xiàng)的變化，下拉菜單中的條目也會(huì)自動(dòng)高亮顯示。本文將詳細(xì)介紹Bootstrap滾動(dòng)監(jiān)控器
基本用法
滾動(dòng)監(jiān)聽(tīng)插件是根據(jù)滾動(dòng)的位置自動(dòng)更新導(dǎo)航條中相應(yīng)的導(dǎo)航項(xiàng)的，該插件可自動(dòng)檢測(cè)到達(dá)哪個(gè)位置了，然后在需要高亮的菜單父元素上加了一個(gè)active樣式
如果導(dǎo)航里有下拉菜單，并且滾動(dòng)區(qū)域的內(nèi)容到達(dá)下拉菜單子項(xiàng)所對(duì)應(yīng)的區(qū)域，除了子菜單高亮之外，子菜單的父元素(dropdown按鈕)也會(huì)高亮
在平時(shí)使用的過(guò)程中，滾動(dòng)監(jiān)聽(tīng)一般有兩種用法，一種是固定一個(gè)元素的高度，進(jìn)行滾動(dòng)，然后對(duì)相應(yīng)的菜單進(jìn)行高亮顯示；另外一種是對(duì)整個(gè)頁(yè)面(body)進(jìn)行滾動(dòng)監(jiān)聽(tīng)。兩種方式的用法一樣，都需要有如下3個(gè)步驟：
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式