我正在開發一個網站,並希望狀態欄保持錨定在每個頁面的底部。做到這一點的最佳方式似乎是使用JavaScript。但是,許多瀏覽器將禁用JavaScript。所以,不是不使用JavaScript的最佳做法?我測試谷歌JavaScript禁用,他們的狀態欄甚至不顯示。這似乎是一個糟糕的實施。是否應該啓用JavaScript的Web開發人員應該啓用或有更好的方法爲標準?編碼網站禁用JavaScript
回答
您的網站仍然應該爲人民工作誰沒有不支持JavaScript,但它應該工作對於那些不支持JavaScript更好,你應該讓用戶知道他們沒有得到最好的用戶體驗,因爲他們沒有啓用JavaScript。
這就是Google,Facebook和雅虎所做的事情,也是最廣泛的受衆羣體的最佳途徑。
看起來你只是想CSS,特別是position: fixed; bottom: 0
:http://jsfiddle.net/b6qwH/。
這種方式元素錨定在屏幕的底部,所以也滾動時。
粘滯頭不應該需要的JavaScript,無論如何,你可以用position:fixed
做到這一點,例如movethewebforward.org
Approxiately 2%的人全世界正在使用的瀏覽器不具備的JavaScript,或者他們已經關閉了它。 (Reference)所以不是一個大數字,但它在那裏。
這是漸進增強是你的朋友。嘗試在大多數瀏覽器上創建一個狀態欄,在大多數情況下,在沒有JavaScript的情況下按照您的需要(可能使用position: fixed
或position: absolute
結合主內容元素上的某些填充)進行操作。如果你仍然認爲你需要使用JavaScript來完成你想要的功能,那麼你可以爲98%的人添加它。
JavaScript在每個瀏覽器上幾乎都處於啓用狀態。我認爲90%的訪問者甚至不知道你可以關閉它。另外10%的人知道你爲什麼不應該關閉JavaScript。
您可以搜索粘頁腳或粘頭和你得到有關如何可以做一些事情,因爲這太多的例子。
感謝您的所有建議。我能夠使用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;
}
- 1. 用JavaScript編輯網站
- 2. 在移動網站上禁用javascript
- 3. 網站字符編碼
- 4. HtmlUnit:中國網站編碼
- 5. 編碼爲競猜網站
- 6. C++編碼類似網站
- 7. 編碼自適應網站
- 8. Azure的網站禁用FREB
- 9. 暫時禁用PHP網站
- 10. 標準編碼網址,網站地圖
- 11. 啓用/禁用JavaScript代碼
- 12. 我的網站編碼爲響應網站,但它不是
- 13. 網站在iframe中克隆(和javascript禁用)
- 14. 在網站的瀏覽器上禁用javascript的檢測
- 15. 如何在網站上禁用JavaScript滾動?
- 16. 在您正在構建的網站中禁用JavaScript
- 17. 如何確保在禁用javascript的情況下運行網站
- 18. 檢測JavaScript禁用瀏覽器併爲它們分隔網站?
- 19. 禁用cookies,javascript,HTTP Referer和沒有GET/POST的網站會話?
- 20. 在asp.net網站中禁用* .java文件編譯
- 21. 需要優化JavaScript代碼的網站
- 22. JavaScript代碼,使外部網站彈出
- 23. 帶有JavaScript的密碼保護網站
- 24. 在網站級別選擇性地禁用網站集功能
- 25. 如何禁用網站的谷歌網站燈
- 26. 刮javascript網站
- 27. Scrapy-Javascript網站
- 28. 編碼移動網站初始方法
- 29. 編碼問題從俄羅斯網站
- 30. 字符編碼和網站安全
呃....沒有最好的方法是使用CSS'位置:fixed'這是使你的網站使用禁用了javascript最佳實踐,而是取決於你的用戶羣是誰。 –
我會認爲它已啓用 - 似乎谷歌。 :) –
'position:fixed'在IE中不起作用。 –