課程
/前端開發(fā)
/Bootstrap
/玩轉Bootstrap(JS插件篇)
為什么即使改變data-offset的值,似乎也沒有什么變化呢?請問這個值的是用來做什么的呢?
2019-03-03
源自:玩轉Bootstrap(JS插件篇) 2-7
正在回答
Affix 插件可以對任何元素進行固定定位,其中比較簡單的方法,就是通過自定義屬性?data?來觸發(fā)。其主要包括兩個參數(shù):
1、data-spy:取值 affix,表示元素固定不變的。
2、data-offset:整數(shù)值,比如 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 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2019-03-30
固定定位--聲明式觸發(fā)固定定位
Affix 插件可以對任何元素進行固定定位,其中比較簡單的方法,就是通過自定義屬性?data?來觸發(fā)。其主要包括兩個參數(shù):
1、data-spy:取值 affix,表示元素固定不變的。
2、data-offset:整數(shù)值,比如 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)