仅通过jQuery / Javascript修复定位div

Question

如您所知，固定定位在大多数移动设备中不兼容。作为一种解决方法，我想使用Javascript修复div上的定位（jQuery会更好），没有position: fixed。

有什么想法吗？

Answer 1

你想看看JQuery插件;快速搜索发现这些：

• http://www.orangecoat.com/stickyscroll
• http://chrisiona.com/fixedposition/
• http://www.gregjopa.com/2011/07/conditional-fixed-positioning-with-jquery/

我确信还有很多其他人。

Answer 2

使用jQuery Mobile。它使用absolute定位模拟效果，并在每次滚动页面时更新位置。

如果您不想使用jQuery，可以使用vanilla JavaScript。以下是一个示例脚本，用于在页面顶部保留标识为div的{​​{1}}：

fixedDiv

CSS：

var fixedDiv = document.getElementById("fixedDiv");
window.onscroll = function() {
    var scrolltop = window.pageYOffset;
    fixedDiv.style.top = scrolltop + "px";
};

我希望有所帮助！

Answer 3

我过去曾使用iScroll 4，它在所有移动浏览器以及桌面浏览器中都运行良好。