代码之家  ›  专栏  ›  技术社区  ›  meo

iPhone和iPad位置:固定底部问题

  •  1
  • meo  · 技术社区  · 14 年前

    http://t1.kameleo.ch/

    如果向下滚动,将在页脚下找到登录按钮。如果单击它,登录将显示在屏幕底部。

    我已经做了一个相对于页面底部的负固定位置。除了iPad和iPhone这样的移动设备外,这在每一款浏览器中都能正常工作。登录栏出现在屏幕中间。

    iPhone屏幕截图: http://img844.imageshack.us/i/photoe.png/

    有人知道这方面的工作吗?

    3 回复  |  直到 12 年前
        1
  •  2
  •   Rich Bradshaw    14 年前

    发生这种情况的原因是iOS浏览器使用一个围绕窗口移动的视区,这意味着固定位置相对于窗口是固定的,而不是视区。您需要使用javascript通过检查当前的视区位置来定位它。

        2
  •  0
  •   rahul    12 年前

    将位置设置为绝对;然后添加:

    $(window).scroll(function()
    {
      $('#loginwindow').animate({top: $(document).scrollTop()}, 300);
    });
    
        3
  •  -1
  •   rahul    12 年前

    试试这个解决方案。我还没试过,但它应该管用:

    //如果我们在ipad/iphone上,由于移动webkit中的视区/页面错误,请将页脚粘贴在页面底部

    if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
    {
             $("#footer").css("position", "static");
    };