スクロール時にヘッダを固定する

出典: SugarForum.jp

Sugarのデフォルトのテーマでは、ヘッダ(タブやグローバル検索ボックスなど)は上部に固定されておらず、スクロールしてしまいます。しかし、環境によっては、ヘッダが上部に固定されていることが望ましい場合があります。その場合は、下記のような変更を標準のテーマに加えれば、対応可能です。

変更の必要があるのは以下のファイルのみです。ただし、アップグレードセーフな方法ではないので、Sugarのアップグレード時には再度同じ手順が必要になるかもしれません。

SugarRoot/themes/Sugar/header.html

196行目あたりの

<table width="100%" cellspacing="0" cellpadding="0" border="0">

を

<img src="include/images/blank.gif" alt="" width="1" height="120" border="0" />
 <table width="100%" cellspacing="0" cellpadding="0" border="0"
     style="position:fixed; top:0; background-color:#ffffff;">

に置き換えます。

これで、ヘッダ部分のposition属性がfixedとなり、画面上部に固定されます。