Question

使用固定标题时，我遇到了一些问题。页脚，但有些人建议我使用Position：Absolute而不是Fixed 使用JavaScript代码滚动时重新定位页眉和页脚，有谁知道如何做到这一点？或者这个问题面对他。

任何建议都会有所帮助。

最诚挚的问候。

Answer 1

查看下面的代码是否有帮助（请注意边距调整如何使用的负值是正在定位的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>

Answer 2

艾哈迈德，我刚刚从我们讨论过的另一个话题来到这里。你的问题不够明确，其他人也无法回答。您的问题应该包括您需要触发javascript函数以重新定位特定事件的事实。

你可以这样做的一种方法是：将元素更改为绝对位置而不是固定位置。根本不要使用固定。然后，每次浏览器窗口滚动或完成滚动时，都会触发定位元素的javacript函数。通过这种方式，在用户完成滚动后，元素将始终移动到视图中。它们实际上会进入视图，看起来很难看。为了使它们平滑地移动到视图中，您将不得不通过使用css3转换进一步扩展它或使用javascript逐渐插入位置。在iOS5和iOS6上，您应该可以正常使用css3过渡。它们非常容易实现。 CSS3过渡使javascript控制的动画变得轻而易举。

困难的部分是实现javascript来计算元素位置，然后在浏览器完成滚动后触发事件。

如果我有正确的方向，希望其他一些人可以加入。

投票给我，兄弟。：）

我如何重新定位固定的标题＆amp;页脚？

2 个答案: