最近在開發項目中用到了fleXenv這個滾動條控件,把它的一些使用方法記錄一下,並分享出來.不是很全,之後有不按期更新.
ide
1. 爲某個DIV加上滾動條:(只能是應用於Div,而且height要設定爲auto)spa
①根據id:開發
- if (typeof (fleXenv) != 'undefined') {
- fleXenv.fleXcrollMain(idName);
- }
②根據class:get
- if (typeof (fleXenv) != 'undefined'){
- fleXenv.initByClass(className);
- }
2. 從新定位滾動條所在的位置:string
- if (document.getElementById(idName).fleXcroll){
- document.getElementById(idName).fleXcroll.setScrollPos(0, 0);
- fleXenv.updateScrollBars();
- }
3. 獲取當前滾動條的位置(距頂部)和滾動條最大地垂直滾動距離:it
- $div = document.getElementById(idName);
- // 得到最大的垂直滾動距離
- var maxYscrollPos = $div.fleXdata.scrollPosition[1][1];
- // 獲取當前的垂直滾動距離
- var currentYscrollPos = $div.fleXdata.scrollPosition[1][0];