仅在一个方向固定位置

Question

因此，本质上，我希望有一个固定在页面底部的项目，但是当视图水平滚动时，它也应该水平滚动。

我可以用 JavaScript 找到一种方法来做到这一点，但是有没有 CSS 方法可以做到这一点？我不介意到处添加一些额外的 DIV。

Answer 1

CSS 部分：

#footer {
    position:fixed;
    bottom:0px;
    left:0px
}

jQuery 部分：

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

Answer 2

实际上 jQuery 部分一定是这样的：

var s = $(window).scrollLeft() - scroll_old;    
scroll_old = $(window).scrollLeft(); // initially = 0;
var diff = left_num - s;
var new_left = diff+"px";

然后像上面一样......