javascript - 仅通过 jQuery / Javascript 修复定位 div

Question

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

有任何想法吗？

Answer 1

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

Answer 2

您需要查看 JQuery 插件；快速搜索发现了这些：

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

我敢肯定还有很多其他的。

Answer 3

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

如果你不想使用 jQuery，你可以使用 vanilla JavaScript。这是一个示例脚本，它在页面顶部保留了div一个 ID ：fixedDiv

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

CSS：

#fixedDiv {
    position: absolute;
    top: 0px;
    left: 0px;
}

我希望这有帮助！