仅在一个方向上固定位置

时间:2010-11-14 06:19:05

标签: jquery css positioning

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

我可以用JavaScript来解决这个问题,但有没有CSS方法可以做到这一点?我不介意在这里和那里多一些额外的DIV。

2 个答案:

答案 0 :(得分:15)

CSS部分:

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

jQuery部分:

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

答案 1 :(得分:2)

真的jQuery部分必须像:

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

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