前面的話
滾動監(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個步驟:
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26