看來iPhone不支持css屬性"position:fixed"
有沒有很好的解決方法?我已經看過各種可以垂直滑動元素的JavaScript/jQuery解決方案,但這不是最好的解決方案,我希望將元素固定到屏幕的底部。「position:fixed; bottom:0;」在iPhone中不起作用
回答
我會考慮:http://jquerymobile.com了完整解決方案
但這裏是一個獨立的庫(它只是一個腳本),使這項工作:
http://cubiq.org/iscroll
<div id="a">
//your website content
</div>
<div id="b">
//your fixed footer
</div>
- 設置b鍵無論你需要(CSS)
- 設定的高度,以screen.height的高度 - b.height(JS)
- 還設置了風格溢出:滾動;
這種解決方案的缺點是,你不會使用主窗口滾動條,但我覺得有沒有在iPhone上,所以......
在iPhone上溢出滾動需要用兩根手指滾動。對於您的網頁的主要內容而言,這是一個糟糕的用戶界面。 – 2011-05-17 20:37:14
凱文巴拉德的評論主要+1。這是用戶的惡夢UI - 大多數用戶甚至不知道雙指滾動甚至存在。 – ceejayoz 2011-05-17 20:54:28
上帝,請不要兩個手指滾動。我真的不知道你可以這樣做,直到今年早些時候 – 2011-05-17 21:01:39
DM /推特我,所以檢查出這個doctyper後,我的問題是,我不能重新創建頁面上的HTML元素目的是爲了一個廣告,將其他網站上。所以最後我不得不使用javascript on-scroll函數。但是,感謝你的回答大衛。 – Xavier 2011-05-18 08:00:59
- 1. iPad,position:fixed,right:0;
- 2. CSS屬性border-bottom-image不起作用?
- 3. setMargins(left,top,right,bottom); Android不起作用
- 4. bottom:0;位置:絕對;不工作
- 5. 爲什麼`position:fixed`在使用iPhone或iOS設備的`iframe`中查看時不起作用?
- 6. margin-bottom或padding-bottom不工作
- 7. response.setheader(「Refresh」,「0」)不起作用
- 8. 而@@ FETCH_STATUS = 0不起作用
- 9. WPF:Border.BorderThickness = 0不起作用
- 10. DDEBUG = 0不起作用
- 11. Paths.get(args [0])不起作用
- 12. bar.setProgress(0)不起作用
- 13. Ajax在iPhone safari中不起作用
- 14. 外部中斷0不起作用
- 15. JQuery Tablesorter:emptyTo:'bottom'對於自定義分析器不起作用
- 16. iPhone UIPickerview reloadAllComponents不起作用
- 17. iPhone writeToFile不起作用
- 18. iphone加密不起作用
- 19. Iphone sizewithfont不起作用?
- 20. 在iPhone上滾動iframe不起作用
- 21. 代碼在iphone上不起作用
- 22. 在iPhone枚舉不起作用
- 23. 動畫GIF在iPhone上不起作用
- 24. setInterval在iPhone上不起作用
- 25. Ansible在CentOS7中啓用{0 .. {{ansible_processor_cores}}}的systemctl服務不起作用
- 26. position:fixed not for for navigation
- 27. Youtube?rel = 0標記不再起作用
- 28. set foreign_key_checks = 0不起作用MySQL 5.0
- 29. 燈具密度0不起作用?
- 30. 如果@@ Trancount> 0不起作用
感謝您的評論我已經嘗試iscroll,但它不是很好說實話。 – Xavier 2011-05-17 21:17:07
一般來說都不是很好。即使是Gmail也非常糟糕,他們最終將其刪除並改用浮動面板。吮吸,但是是真的。編號也嘗試:http://developer.yahoo.com/yui/3/scrollview/ – 2011-05-17 21:18:43
所以我測試了iscroll解決方案,我會說這是最接近我可以獲得固定在iphone上的位置。 – Xavier 2011-05-18 08:01:49