亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

tangram框架響應(yīng)式加載圖片方法

 更新時間：2013年11月21日 10:55:22   作者：  
這篇文章主要介紹了使用tangram框架響應(yīng)式加載圖片的方法，大家可以參考使用

各種網(wǎng)站經(jīng)?？吹巾撁鏉L動到可視區(qū)域，然后才加載相應(yīng)的圖片資源，他的本質(zhì)是什么呢？本文來分析一下很簡單，就是判斷當前元素是否是可視區(qū)域內(nèi)

假設(shè)：h1 = 滾動條滾去的高度
w1 = 滾動條滾去的寬度
h2 = 屏幕的高度
obj 表示當前對象 {x：當前對象相對于文檔左上角的位置x,y:當前對象相對于文檔左上角的y}

則應(yīng)該這樣判斷
在y軸方向上：if(obj.x>h1&&obj.x<h1+h2||obj.x+obj.offsetHeight>h1&&|obj.x+obj.offsetHeight<h1+h2){loading()}
同理在X軸方向上以此類推

如果使用tangram框架的話可以這樣寫：

復制代碼 代碼如下:

baidu.more = baidu.more||{};

baidu.more.scrollLoading = (function(){

var top = baidu.page.getScrollTop(),

left = baidu.page.getScrollLeft(),

viewHeight  = baidu.page.viewHeight(),

viewWidth  = baidu.page.viewWidth();

var scrollLoad = function(element){

　  var obj = baidu.g(element)||{};

　  var pos = baidu.dom.getPosition(element);

if((pos.top>top&&pos.top<top+viewHeight)||

(pos.top+obj.offsetHeight>top&& pos.top+obj.offsetHeight<top+viewHeight)||

(pos.left>left&&pos.left<left+viewWidth)||

(pos.left+obj.offsetWidth>left&&pos.left+obj.offsetWidth<left+viewWidth)){

loading();

};

　return {

scrollLoad :scrollLoad

}　

})()

相關(guān)文章

最新評論