一、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
主站蜘蛛池模板:
石景山区|
桐庐县|
布拖县|
丰原市|
扬州市|
交城县|
佛坪县|
新野县|
旬阳县|
镇平县|
浦北县|
潼关县|
昌江|
通海县|
郁南县|
库车县|
扎囊县|
北票市|
柏乡县|
镇远县|
南昌市|
阜南县|
安西县|
沙坪坝区|
田阳县|
南投县|
德钦县|
称多县|
四平市|
台州市|
光泽县|
海伦市|
湖州市|
吴堡县|
临沂市|
西吉县|
吉林省|
长子县|
洪雅县|
丹寨县|
南宁市|