Question

iPad底部是否有粘性页脚？我正在制作一个网站，它也需要在iPad上兼容，我需要在底部使用粘性页脚。

Answer 1

如果它对其他人有用，这段代码为Ipad IOS6 Safari和Chrome解决了这个问题：

if (navigator.platform == 'iPad') {
    $("#footer-container").css("position", "static");
    $('#footer-container').css('top', window.innerHeight + window.scrollY - 10 + "px");
}

我的情况是，在显示键盘时，我的页脚div被推入页面中间。

Answer 2

问题是iPad不支持position：fixed，所以你需要javascript才能做到这一点，这并不容易。

Answer 3

截至ios5的位置：支持（部分）固定

Answer 4

我用它来尽可能接近它。（它确实跳了，但它总比没有好。

// IphoneIpad hack, to keep footer on bottom
        $(document).bind('scroll', function() {
            if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
                $('#footerContainer').css('top', window.innerHeight + window.scrollY - 30 + "px");
            }
        });

iPad网站上是否可以粘贴底部的粘性页脚？

4 个答案: