ThinkSAAS 預設模闆下，頂部導航欄都是随頁面滾動的，不少朋友想修改成新浪微網誌那種固定在浏覽器視窗頂部的樣子，其實很簡單。
第一步，固定頂部導航欄
其實隻需要給導航欄的div增加一個position屬性，編輯/theme/sample-blue/base.css檔案，在.header{}
加入position: fixed;z-index:999999;
position實作了固定，z-index 使導航欄不至于被其它頁面元素遮擋。這個步驟實作了基本需求，頂部導航固定在浏覽器視窗頂部了。
第二步，細節調整
完成上一步後，你也許很快就發現，app導航欄會被頂部導航遮擋，是以還需要再調整下方div的位置或者邊距，我的方法給appnav這個div增加padding，是以編輯base.css檔案，在.appnav{}
增加padding:40px 0px 0px 0px;
這樣就解決了app導航欄就不會再被遮擋了，但是未登入前的首頁會存在問題，因為未登入前的首頁是沒有appnav這個div的，我的解決辦法是在header之後增加名appnva的空白div，編輯/app/home/html/index.html，在{php doAction('home_index_css')}
之後添加
第三步，注意ie6的相容性
完成上一步後應該沒什麼大問題了，但是小編聽說ie6 根本不支援position:fixed，如果在意ie6使用者的話，那可能還有一些工作需要做。
IE6以上版本的IE浏覽器及其他主流浏覽器都是支援“position:fixed”的，但是IE6卻不支援它。幸好，IE6 支援“position:absolute” 和 Internet Explorer 的CSS表達式(expression)。是以，對于别的浏覽器，我們可以用“position:fixed” 進行固定定位，而對于IE6，我們可以用“position:absolute” 和CSS表達式，比如：.header{
position:fixed;
top:0px;
_position: absolute;
_top: expression(documentElement.scrollTop + "px");
}
采用以上代碼，頂部的導覽列，在IE6情況下，确實固定在頂部了，但是，拉動垂直滾動條時，這個導覽列有跳動現象，解決此問題的方法是使用“background-attachment:fixed”為body添加一個背景圖檔，強制頁面在重畫之前先處理CSS，而且這個圖檔可以是虛拟的，比如“background:url(任意名稱)”。body {background: url(about:blank); background-attachment: fixed;}
軟體大小：3.67MB
軟體類别：國産軟體 | 社群論壇
軟體語言：簡體中文
運作環境：PHP/Mysql
軟體授權：開源軟體
更新時間：2014-12-22 17:12:38