javascript - 始终在 iPhone 的顶部 html block

Question

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

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

Answer 1

这是一些 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 上不起作用。