課程
/前端開發
/Bootstrap
/玩轉Bootstrap(JS插件篇)
為什么即使改變data-offset的值,似乎也沒有什么變化呢?請問這個值的是用來做什么的呢?
2019-03-03
源自:玩轉Bootstrap(JS插件篇) 2-7
正在回答
Affix 插件可以對任何元素進行固定定位,其中比較簡單的方法,就是通過自定義屬性?data?來觸發。其主要包括兩個參數:
1、data-spy:取值 affix,表示元素固定不變的。
2、data-offset:整數值,比如 90,表示元素 top 和 bottom 的值都是 90px,其包括兩種方式:data-offset-top?和?data-offset-bottom。
data-offset-top?用來設置元素距離頂部的距離。比如 90,表示元素距離頂部 90px,當用戶從頂部向下拖動滾動條,當滾動的距離大于 90px 時,affix 元素不再滾動,就會固定在瀏覽器窗口頂部。
data-offset-bottom?剛好與 data-offset-top 相反。
(詳情見本課程5-15)
舉報
帶領大家學習怎么使用JS自由控制Bootstrap中提供的組件
1 回答data-offset的作用是什么?
1 回答offset-top="125"是和作用?
1 回答data-parent有什么作用?
1 回答聲明式設置 data-offset-top 無效?
2 回答data-ride="carousel" 的作用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-03-30
固定定位--聲明式觸發固定定位
Affix 插件可以對任何元素進行固定定位,其中比較簡單的方法,就是通過自定義屬性?data?來觸發。其主要包括兩個參數:
1、data-spy:取值 affix,表示元素固定不變的。
2、data-offset:整數值,比如 90,表示元素 top 和 bottom 的值都是 90px,其包括兩種方式:data-offset-top?和?data-offset-bottom。
data-offset-top?用來設置元素距離頂部的距離。比如 90,表示元素距離頂部 90px,當用戶從頂部向下拖動滾動條,當滾動的距離大于 90px 時,affix 元素不再滾動,就會固定在瀏覽器窗口頂部。
data-offset-bottom?剛好與 data-offset-top 相反。
(詳情見本課程5-15)