之前工作需要,在網上找了乙個橫向的div模擬滾動條的方法,後來有自己改動了下,在相關js中加了乙個懶載入的方法,貼出來大家一起學習下
首先貼出相當於外掛程式的scrolltools.js
var indexr=0;//全域性變數,懶載入用
var tempbool = false;
var flagt="";
var flagload="";
(function() };
function isie();
window['zzc']['isie'] = isie;
function $(id);
window['zzc']['$'] = $;
function $$(id,tag)
window['zzc']['$$'] = $$;
function getelementsbyclassname(name,type)
dobj.style.left = ileft + 'px';
= itop + 'px';
//懶載入方法執行的判斷,距離右側邊距多少時進行載入資料
if(ileft>=(document.body.clientwidth*0.7))
if(flagload)else
}onmove();
}; function handlemousedown(oevent)else
};//滑鼠鬆開
function handlemouseup()else
};}//使滾動。
function picslidebydrag(picbox,piclist,dragobj,options);
var mxleft = parseint(options.mxleft)||0;//左邊限制
var mxright = parseint(options.mxright)||0;//右邊限制
var mxtop = parseint(options.mxtop)||0;//上邊限制
var mxbottom = mxtop + dragobj.clientheight;//下邊限制
function init()
piclist.style.width = piclistwidth + 'px';
if(piclistwidth <= picbox.clientwidth)else
};function picslide();
init();
drag(dragobj,dragobj,); };
//靜態頁面資料可以用此方法
= function());
//}//動態資料獲取用此方法載入計算滾動條的寬度以及其他引數值,主要引數是picboxid,piclistid,scrollbarid,dragobjid
//後面的flag,flag2是頁面上具體情況判斷加上的,沒有去掉是提示看客們可以自己根據需要新增引數
function scrollload(picboxid,piclistid,scrollbarid,dragobjid,flag,flag2));
}//懶載入用到的方法體
function searchajaxall()
}
呼叫上面滾動條載入方法scrollload();的extjs為
function searchcolumn(searchtime,searchcontent,type),
method: 'post',
callback: function (options, success, response)
scrollload('picbox','piclist','scrollbar','dragobj','3',flag);
} else
});}
} });
}
頁面具體:
css樣式
.picbox
.picbox ul
.picbox li
.picbox li a
.picbox li a p
.picbox li a:hover p
.scrollbar
.scrollbar .dragobj
python橫向滾動條 控制滾動條
調過js指令碼控制 python 1.coding utf 8 2.from selenium import webdriver 3.import time 5.driver webdriver.firefox 6.driver.get 7.搜尋 8.driver.find element by i...
extjs gridpanel 橫向滾動條
mlb弄個girdpanl列太多竟然不會自動出現橫向滾動條，讓我對ext的易用性大為懷疑，在google一艘解決方案一大堆，五花八門，試了一遍竟然沒有乙個可以解決，這是神馬世界，自己把屬性挨著除錯了一遍，我相信絕對是屬性設定的有問題，終於發現了 width 1200,height 400,autoh...
Extjs grid橫向滾動條
關於extjs gridpanel設定autoheight true時，橫向滾動條的問題 使用gridpanel時我們有時需要給設定autoheight true，但這時如果 的寬度大於它的容器的寬度，多餘的內容就會被隱藏而不會出現 橫向的滾動條，費了老大勁兒才找到了解決辦法，方法就是給gridpa...