3
、雙表頭固定的資料列表中，滾動條同步移動的實現
l問題：web中單表頭固定的資料列表使用比較多，其滾動條移動的實現很簡單，只要使用標記，設定其的樣式就可以了。但有時也需要使用雙表頭固定的資料列表，典型的例子就是人員的日程安排。
l解決方法：分別用三個標記包含上表頭（topheader），左表頭（leftheader）和資料內容（content），只有content有滾動條；當移動滾動條時（產生onscroll事件），設定topheader的scrollleft屬性以及leftheader 的scrolltop屬性，使其和content保持一致。l
l先來看三個標記的樣式：
øoverflow: scroll
表示當標記中的內容溢位時可以滾動
øtopheader
和leftheader的overflow-x及overflow-y屬性設定為hidden，表示溢位時不顯示滾動條，而content設定為auto ø
content
的width值比topheader的大16px，而height值比leftheader的大17px；這是為滾動條預留的（滾動條大概16-17px，根據具體
情況微調）
øword-break: break-all
用來保證資料過長時自動換行，以免將單元格寬度撐大而錯位
ltopheader
和content內部包含的的width設定為絕對大小，並大於對應的width，以便出現水平滾動條
lsyncscroll()
函式在on
scroll
事件觸發時呼叫，使topheader的scrollleft屬性以及leftheader 的scrolltop屬性和content的保持同步
l上面的例子個靜態頁面，在實際應用中通常是動態頁面，需要注意以下一些方面：
ø顯示的列數不定時（例如每個月的天數有所不同），需要動態計算的width值
ø當content內部包含的的width值<=topheader的width值（不出水平滾動條）時，content的width值要去掉滾動條大小值
ø同樣，當content內部包含的的height值<= leftheader的width值（不出垂直滾動條）時，content的height值要去掉滾動條大小值
øword-break: break-all
保證了單元格寬度不會撐大；但當單元格內容顯示不下時，會自動撐大寬度，所以當**的行距不同時，要動態計算以決定是否要出垂直滾動條，這個要麻煩一些
MySQL 實用技巧篇
mysql float型別查詢 字段 id float 7，4 當id 3.0000時我可以select from table where id 3或者select from table where id 3.0000查出來 而當id 3.1000時用select from table where ...
AutoCAD實用技巧基礎篇
autocad 實用技巧基礎篇 課 程描述 薑軍 女 實驗師，主要從事cad cam技術 機 械製造等方面的科研和實驗教學工作，具有多年實踐教學經驗，參編出版多部相關專業書籍。主要作品有 autocad 2008 中文版應用基礎 第2版 autocad 2008中文版機械製圖應用與例項教程 auto...
Python實用技巧 object篇
返回字典中所有鍵的列表。def keys only flat dict return list flat dict.keys 示例 ages keys only ages peter isabel anna 建立乙個與提供的物件具有相同鍵的物件，每個值為通過提供的函式生成的值。def map val...