固定页脚的最小宽度，需要能够滚动

Question

我有一个符合以下样式规则的页脚：

#footer
{
  position: fixed;
  bottom: 0px;
  width: 100%;
  min-width:1300px;
  z-index: 3;
}

我有这个JQuery代码使滚动只适用于x轴：

$('html, body').css({
'overflow-y': 'hidden',
'height': '100%'});

当窗口小于1300像素，并且滚动条显示时，如何让它向左和向右滚动？

Answer 1

这是怎么回事：

$(window).scroll(function(){
    $('#footer').css('left',-$(window).scrollLeft());
});

你也需要这个（可能）：

html, body {
    min-width: 1300px;
}

这是你从固定的页脚imo

获得的最好的

Answer 2

我将我的评论作为答案，使用绝对位置作为固定的位置无法滚动（因为元素是固定的......）

顺便说一句，正如你为正文设置overflow-y: hidden一样，没有理由绝对位置应该具有与使用固定位置不同的行为。

DEMO

#footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    min-width:1300px;
    z-index: 3;
    background: red;
    height:60px;
    left:0;
}