div層滾動條 與 div列表頭固定

2021-08-30 01:35:21 字數 1053 閱讀 6517

今天修理一bug ,  jsp頁面是不分頁的,預設是顯示所有記錄,所以當資料量很大的情況下,列又多,拉到下面的時候根本不知道哪一列是啥意思,所以需求就是,列表頭要一定要顯示在頁面上部,不管下拉多少記錄。

思路一: 也是最麻煩的;

把列表頭放在乙個div中,利用js觸發滾動條事件,不斷的修正div所在位置。

function mymove()

οnlοad="mymove();">//載入onload事件

但是有個缺點:  當滾動條下拉或者上拉的時候, 表頭不斷在閃,效果不好

思路二:

表頭不動,將要載入的記錄放在乙個div,並且設定這個div的滾動條,還有取消body的滾動條  這個效果很好;呵呵 而且很簡單。

ok搞定 呵呵

附div滾動條屬性說明:

overflow:  hidden || auto|| scroll 滾頂條 hidden為隱藏;auto為記錄超過頁面時自動開啟滾動條滑塊;     scroll        始終顯示滾動條不管是否溢位

overflow-x: scroll ;橫向滾動條

overflow-y: hidden ;     縱向滾動條

/*   滾動條相關的顏色屬性 */

scrollbar-face-color: green;        /* 滑塊顏色 */

scrollbar-hightlight-color: red;    /* 高亮顏色 */

scrollbar-3dlight-color: orange;    /* 3維光線顏色 */

scrollbar-darkshadow-color:blue;    /* 暗影 顏色   */

scrollbar-shadow-color:yellow;      /* 陰影 顏色  */

scrollbar-arrow-color:purple;       /* 箭頭 */

scrollbar-track-color:black;         /* 滑道顏色 */

scrollbar-base-color:pink;          /* 主要顏色 */

div 給div加滾動條 div的滾動條設定

今天做了個例子 div 的滾動條問題 兩種方法 一 記住寬和高一定要設定噢,否則不成的 不過在不超出時,會有下面的滾動條,所以不是最好的選擇二 記住寬和高一定要設定噢,否則不成的 這樣比較好的是,在寬和高不超出時,只是一條線 三 說明 直接為div指定overflow屬性為auto即可,但是必須指定...

div帶滾動條

當div所定義的區域的內容達到一定程度時,在div標籤裡面嵌入css樣式表,定義overflow的屬性值,設定滾動條相關的屬性。注 1.overflow visible 卻省值,沒有滾動條,根據內容自動擴撐區域的大小,即定義的區域無效 scroll 總是顯示滾動條 hidden 沒有滾動條,超出區域...

div設定滾動條

小結 在html中,怎麼使div中的內容超出後自動顯示滾動條的效果?最近在做專案中遇到這樣的乙個問題,因為在彈框中的內容太多,彈框的大小固定,超出的內容我們用滾動條的效果來解決。怎麼讓div內容超出後自動顯示滾動條,只需要用到css的乙個overflow auto的屬性就可以實現這效果了。在外部的d...