在Safari和Chrome以下iScroll演示作品,但不能在Firefox(我使用9.0.1)「位置:絕對;」與「底部:0;」而不是「位置:絕對的」不會粘到容器底部在Firefox
http://cubiq.org/dropbox/iscroll4/examples/ipad/
我用盡了一切我可以考慮嘗試解決這個問題,我也研究過關於這個問題的其他問題,比如這個問題。到目前爲止沒有任何工作。 DIV with "position:absolute;bottom:0" doesn't stick to the bottom of the container in Firefox
這裏有幾點看法我做:
- 添加類似
bottom:-300px
到nav
和article
使背景表演。我無法解釋爲什麼。 - 將
height:100%
添加到nav
和article
使背景顯示在與兄弟頭部相同的高度。 - 該問題與iScroll無關。您可以從javascript中註釋掉iScroll實例化,而HTML/CSS本身在Firefox中不起作用,但可以在Safari和Chrome中使用。
任何人有什麼想法?
這裏有一個的jsfiddle救人時間: http://jsfiddle.net/aQf7Y/
Mootools沒有被使用。這只是jsFiddle的默認框架,我沒有去改變它。它沒有被用在上面的小提琴中。 – 2012-02-17 05:14:49
似乎是'display:-moz-box'的一個問題 – mowwwalker 2012-02-17 05:45:49
我會盡量少用非標準的東西,因爲我可以逃避自己。它簡化了生活... – 2012-02-17 19:58:09