javascript - 如何重新定位固定的页眉和页脚?

标签 javascript ios css cordova jquery-mobile

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

任何建议都会有所帮助。

最好的问候。

最佳答案

Ahmed,我刚从我们讨论过的另一个话题过来。你的问题不够清楚,其他人无法回答。您的问题应该包括您需要触发 javascript 函数以在特定事件上重新定位这一事实。

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

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

如果我的方向正确,希望其他人可以插话。

投票给我,兄弟。 :)

关于javascript - 如何重新定位固定的页眉和页脚?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14039317/

相关文章:

Javascript addEventListener 两个不同元素冲突

iphone - iOS 5 的潜在(大概) future 使用趋势是什么?

javascript - 传单 map : marker's smooth transition opacity change

html - 如何在 svg 圆的中心设置图像?

javascript - 在 Node.JS 中一次读取一个大文件 N 行

javascript - 在 jquery 中启用/禁用文本框

ios - AFNetworking 响应显示在日志中,但在调试器中为零

jquery - 如何停止基于出现jquery的多个动画的排队

javascript - 在 AngularJs 中的 API 响应之前渲染模板

ios - fatal error : init(coder:) has not been implemented error despite being implemented