“位置是:固定;底部:0;”在iPhone中不起作用

时间:2011-05-17 20:20:51

标签: javascript jquery iphone css mobile

似乎iPhone不支持css属性"position:fixed"是否有一个很好的解决方法?我已经看过各种垂直滑动元素的JavaScript / jQuery解决方案,但这不是最好的解决方案,我希望将元素固定到屏幕底部。

3 个答案:

答案 0 :(得分:1)

我会查看:http://jquerymobile.com以获得完整的解决方案。

但是这里有一个独立的图书馆(它只是一个脚本)来完成这项工作:
http://cubiq.org/iscroll

答案 1 :(得分:1)

答案 2 :(得分:-1)

<div id="a"> 
  //your website content
</div>
<div id="b">
  //your fixed footer
</div>
  • 将b的高度设置为您需要的任何值(css)
  • 将a的高度设置为screen.height - b.height(js)
  • 还设置了溢出样式:scroll;

这个解决方案的缺点是你不会使用主窗口滚动条,但我认为iphone上没有,所以......