下面是我的设计:
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
</head>
<body>
<div id="wrapper">
<div id="head">
</div>
<div id="content">
<div id="items">
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
<li>Item5</li>
.....
</ul>
</div>
<div id="items-footer">
<input type="text"/>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
我有页眉、正文和页脚。在正文中，我几乎没有要显示的元素，在这些元素下面有元素页脚，其中包含用于在该列表中添加动态元素的文本框。我的要求是如何制作固定的 div，当用户滚动元素时，它会保留在底部(就在页脚上方)。我希望“items-footer”始终显示在视口(viewport)中。
最佳答案
描述
为此你不需要 javascript，你可以使用 position:fixed 和 bottom 在纯 .css 中做到这一点: 0px
查看我的样本和这个 jsFiddle Demonstration
示例
#items-footer {
position: fixed;
bottom: 0px;
}
更多信息
关于javascript - 如何在父div中制作一个固定的div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9278184/