1

我想在网页上添加一个底部停靠菜单，也居中对齐。我尝试使用 css 和 position:fixed ，例如：

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

这似乎适用于所有浏览器，但放大仅显示页脚中心并隐藏边缘的结果。溢出：滚动没有效果。所以我想到了使用 position:absolute 结合 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 的停靠底部菜单？

4

0 回答 0