我如何重新定位固定的页眉和页脚？
我使用固定页眉和页脚时遇到了一些问题，但是有些build议我使用Position：Absolute而不是Fixed，并且在使用JavaScript代码进行滚动时重新定位页眉和页脚，是否有人知道如何做到这一点？ 或者这个问题面对他。
任何build议都会有所帮助。
最好的祝福。
艾哈迈德，我刚刚从我们讨论过的另一条线来到这里。 你的问题还不够清楚，其他人回答。 你的问题应该包括你需要触发javascript函数重新定位特定事件的事实。
你可以这样做的一个方法是：将elments改为绝对位置而不是固定的。 根本不要使用固定的。 然后，每当浏览器窗口滚动或完成滚动时，使定位元素的javacript函数触发。 通过这样做，用户完成滚动后，元素将始终移动到视图中。 他们实际上会进入看起来丑陋的视野。 为了使它们顺利进入视图，您必须使用css3过渡或使用javascript逐渐插入位置来进一步扩展它。 在iOS5和iOS6上，你应该可以很好地使用css3转换。 他们会很容易实施。 CSS3转换使JavaScript控制animation小菜一碟。
最难的部分是实现javascript来计算元素的位置，然后在浏览器完成滚动后触发事件。
如果我有正确的方向，希望其他一些人可以参加。
投票给我，兄弟。 🙂
看看下面的代码是否有帮助（注意保证金调整如何使用正在被定位的div的一半大小的负值）：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>align</title> <style type="text/css"> body { margin: 0px; padding: 0px; } #text_center { text-align: center; width: 200px; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-20px; } #text_bottom { text-align: center; width: 200px; position:absolute; left:50%; bottom:1%; margin-left:-100px; } </style> </head> <body> <div id="text_center">Text 1</div> <div id="text_bottom">Text 2</div> </body> </html>