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

只有一个方向的固定位置

  •  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
  •  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";
    

    然后像上面一样。。。

    推荐文章