Javascript 适用于iPhone的始终位于顶部的html块

Javascript 适用于iPhone的始终位于顶部的html块,javascript,html,css,ios,Javascript,Html,Css,Ios,如何创建始终位于页面底部的DIV块?滚动时,更多内容应显示在块的正上方。我能想到的唯一解决方案是使用2个iFrame,但我更喜欢使用CSS 更新:解决方案需要在iOS上运行 div.bottom { position:fixed; } 然后把它移到你想要的地方。不幸的是,浏览器支持有限。例如,IE6不支持位置的此选项。还要注意的是,这将从流中删除div,因此您必须确保有足够的空间让查看者在页面底部看到顶部有div的内容。以下是一些CSS: .bottomFixed { positi

如何创建始终位于页面底部的DIV块?滚动时,更多内容应显示在块的正上方。我能想到的唯一解决方案是使用2个iFrame,但我更喜欢使用CSS

更新:解决方案需要在iOS上运行

div.bottom {
  position:fixed;
}
然后把它移到你想要的地方。不幸的是,浏览器支持有限。例如,IE6不支持
位置的此选项。还要注意的是,这将从流中删除
div
,因此您必须确保有足够的空间让查看者在页面底部看到顶部有
div
的内容。

以下是一些CSS:

.bottomFixed {
    position:fixed;
    bottom: 0;
    /* technically not necessary, but helps to see */
    background-color: yellow;
    padding: 10px;
}
以下是一些HTML:

<div class="bottomFixed">Hello, world!</div>
你好,世界!

这个div将被放置在屏幕的底部并保持在那里。注意:这在iOS上不起作用,因为它的滚动方式。

我不知道屏幕大小,如何使它保持在底部?底部:0是当前屏幕的底部还是页面的底部?我需要它显示在当前屏幕的底部位置的屏幕底部:fixed刚刚看到关于iOS的更新-在iOS上,它仍然是“屏幕”的底部,但显示只是窗口客户端区域上的一个视口,因此位置:fixed在那里不起作用。据我所知,这在iOS上是不可能的。