一、Transition(過濾)
作為一個基礎支持的組件,被其他組件多次引用。實現根據瀏覽器支持transition的能力,然后綁定動畫的結束事件;
首先:創(chuàng)建一個Element;
然后:迭代查看此元素支持的transition動畫名稱
Transition實現的技巧,主要是重寫了jquery的event對象,代碼如下:
$(function () { $.support.transition = transitionEnd() if (!$.support.transition) return $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } } })二、Affix(自動浮動定位)
1、Target:參數表示其定位參考節(jié)點(應該是產生滾動條的父容器對象),默認是window
2、Data-offset設置的top和bottom值,只會用于計算表達式,不會設置到css中
3、三種位置定位樣式類:
3.1、Affix-top:到達頁面頂部的時候會添加的樣式
3.2、Affix:在頁面中部的時候會添加的樣式
3.3、Affix-bottom:在頁面底部的時候會添加的樣式
4、處理公式:
4.1、Top:traget的滾動條高度(scrollTop)< 元素設定離頂位置的距離(offsetTop)(首次判斷)
4.1.1、scrollTop設置為:元素本身定位的top(元素當前定位離文檔原點的距離)(非首次)
4.2、getPinnedOffset:獲取粘住元素top
主站蜘蛛池模板:
额济纳旗|
渝北区|
宁海县|
娱乐|
嘉祥县|
桐城市|
武冈市|
蕉岭县|
三门峡市|
彰化市|
邵武市|
留坝县|
五大连池市|
武鸣县|
聂拉木县|
明光市|
桂阳县|
柞水县|
河北省|
新干县|
北碚区|
上栗县|
宁阳县|
庆安县|
肥东县|
庄浪县|
泸溪县|
凌源市|
商洛市|
江西省|
南投市|
巴彦淖尔市|
泸水县|
响水县|
荣成市|
津南区|
双柏县|
罗源县|
洛阳市|
南郑县|
敦化市|