2012-01-19 74 views
1

我正在開發一個網站,並希望狀態欄保持錨定在每個頁面的底部。做到這一點的最佳方式似乎是使用JavaScript。但是,許多瀏覽器將禁用JavaScript。所以,不是不使用JavaScript的最佳做法?我測試谷歌JavaScript禁用,他們的狀態欄甚至不顯示。這似乎是一個糟糕的實施。是否應該啓用JavaScript的Web開發人員應該啓用或有更好的方法爲標準?編碼網站禁用JavaScript

+0

呃....沒有最好的方法是使用CSS'位置:fixed'這是使你的網站使用禁用了javascript最佳實踐,而是取決於你的用戶羣是誰。 –

+0

我會認爲它已啓用 - 似乎谷歌。 :) –

+0

'position:fixed'在IE中不起作用。 –

回答

0

您的網站仍然應該爲人民工作誰沒有不支持JavaScript,但它應該工作對於那些不支持JavaScript更好,你應該讓用戶知道他們沒有得到最好的用戶體驗,因爲他們沒有啓用JavaScript。

這就是Google,Facebook和雅虎所做的事情,也是最廣泛的受衆羣體的最佳途徑。

http://en.wikipedia.org/wiki/Progressive_enhancement

0

看起來你只是想CSS,特別是position: fixed; bottom: 0http://jsfiddle.net/b6qwH/

這種方式元素錨定在屏幕的底部,所以也滾動時。

4

Approxiately 2%的人全世界正在使用的瀏覽器不具備的JavaScript,或者他們已經關閉了它。 (Reference)所以不是一個大數字,但它在那裏。

這是漸進增強是你的朋友。嘗試在大多數瀏覽器上創建一個狀態欄,在大多數情況下,在沒有JavaScript的情況下按照您的需要(可能使用position: fixedposition: absolute結合主內容元素上的某些填充)進行操作。如果你仍然認爲你需要使用JavaScript來完成你想要的功能,那麼你可以爲98%的人添加它。

0

JavaScript在每個瀏覽器上幾乎都處於啓用狀態。我認爲90%的訪問者甚至不知道你可以關閉它。另外10%的人知道你爲什麼不應該關閉JavaScript。

您可以搜索粘頁腳粘頭和你得到有關如何可以做一些事情,因爲這太多的例子。

0

感謝您的所有建議。我能夠使用CSS實現我的目標並消除JavaScript。至少它可以在我測試過的少數瀏覽器中使用。 emptyspace類在內容和頁腳之間創建一個頁邊距。編碼CSS在我看來並不好玩。

#emptyspace { 
    float: left; 
    width: 100%; 
    height: 130px; 
} 

#footer { 
    position: fixed; 
    bottom: 0px; 
    width: 100%; 
    height: 125px; 
    background: url(../images/grass-green-gradient.png); 
    background-repeat: repeat-x; 
}