看来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