如果報表資料量很大，行、列都很多，在web頁面輸出的時候，需要固定報表表頭，設定橫向、縱向滾動條，通過拖動滾動條來檢視報表。但是，當報表輸出的標籤中滾動條的寬度、高度都是固定值，不能設定成頁面寬度高度的百分比，這樣由於不同的客戶端的解析度可能不一樣，報表展現出來的效果就不一樣。對於解析度小的機器，在頁面上看不到滾動條，解析度大的機器，滾動附近會留出了很大的空白，頁面不美觀，影響使用者體驗。 如下圖：
原來報表展現頁面中報表輸出標籤設定滾動條的**是」…
needscroll=」yes」
scrollwidth=」300″
scrollheight=」200″
…/>
潤幹報表提供了靈活的動態設定滾動條高度、寬度的解決方法，如下
首先，加乙個redirect.jsp頁面，裡面加入乙個js函式，來獲取客戶端瀏覽器視窗的大小
然後，在展現報表的jsp頁面上，增加如下**來獲取瀏覽器的寬度、高度
string w = request.getparameter(」w」) ;
string h= request.getparameter(」h」) ;
最後，在報表輸出的標籤中，設定動態獲取滾動條的寬度和高度
」needscroll=」yes」
scrollwidth=」」 //動態設定滾動條寬度、高度
scrollheight=」」
/>
現在報表展現如下：
這樣，我們就實現了根據客戶端瀏覽器視窗大小，對固定表頭報表自動設定滾動條高度、寬度，使使用者體驗大大提公升。
引自：潤幹報表知識庫
; 可樹形展開的摺疊報表的製作
；橫向分頁報表的標題切分
；用潤幹報表輕鬆實現動態排序
；瀏覽式報表中如何使用checkbox
原 JavaScript動態設定滾動條高度
工作中遇到情形如下 乙個ul標籤，裡面有很多li標籤，其中有乙個代表初始化已選中的。如果ul設定了高度，如下面的ul的style，並且有很多li子標籤，那選中的li就被淹沒在滾動條下面。ul id ul module style height 180px overflow y scroll li l...
獲取滾動條的寬度
做了乙個全屏的輪播圖，在設計師那發現問題，banner獲取的寬度是瀏覽器的寬度，在瀏覽器不是全屏的情況下開啟再放大瀏覽器，banner不能全屏顯示。問題其實很簡單，把獲取瀏覽器的寬度改為獲取螢幕寬度就可以了，但瀏覽器的滾動條會佔據一定的寬度，所以需要獲取瀏覽器的滾動條寬度，然後減去這部分寬度，就是b...
谷歌滾動條設定 IE滾動條設定
google瀏覽器chrome設定滾動條樣式 courrlist webkit scrollbar courrlist webkit scrollbar track courrlist webkit scrollbar thumb courrlist webkit scrollbar thumb w...