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

Question

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

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

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

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

当窗口小于 1300px 并且出现滚动条时，如何让它左右滚动？

Answer 1

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

顺便说一句，当您overflow-y: hidden为身体设置时，没有理由绝对位置应该具有与使用固定位置不同的行为。

演示

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

Answer 2

这个怎么样：

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

你还需要这个（可能）：

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

这是您从固定页脚 imo 中获得的最佳效果