代码之家 › 专栏 › 技术社区 › Aaron Yodaiken

只有一个方向的固定位置

positioning css jquery

14

Aaron Yodaiken · 技术社区 · 15 年前

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

我可以用JavaScript解决这个问题,但是有没有CSS的方法呢?我不介意在这里和那里多加几个沙发。

2 回复 | 直到 11 年前

1

15

Karmad Klaster_1 13 年前

CSS部分:

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

jQuery部分:

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

2

Giovanni 14 年前

实际上jQuery部分必须像:

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

然后像上面一样。。。