Question

我想在网页上添加一个停靠的底部菜单，也是中心对齐的。我尝试用css和position：修复如下：

footer{
  position:fixed;
  width:980px;
  bottom:0px;
  left:50%;
  margin-left:-490px;
}

这似乎适用于所有浏览器，但放大仅显示页脚中心并隐藏边缘的结果。溢出：滚动无效。所以我想到使用position：绝对结合jquery。所以css是：

footer{
  position: absolute;
  margin: 0 auto;
  width: 980px;
}

和jQuery：

function hscrollbar() {
   var scrollBottom = $(window).scrollTop();// + $(window).height();
   $('#footer').css('bottom', -scrollBottom + 'px');
}
window.onscroll = hscrollbar; /* Call the function when the user scrolls */
window.onresize = hscrollbar; /* Call the function when the window resizes */

似乎适用于Chrome，FF等...并且放大并不会隐藏页脚，但在移动版Safari中再次出现的结果并非预期。在缩放/调整大小时，页脚根本不会移动，滚动时它会一直向下移动。

那么我怎么能添加一个停靠的底部菜单，在放大时不会隐藏，也适用于移动Safari？

在移动野生动物园中工作的停靠底部div

0 个答案: