菜单栏只保持垂直固定

我想要创建一个菜单栏，当您向上或向下滚动屏幕时保持垂直，但如果用户左右滚动，我希望菜单栏左右移动剩下的内容。菜单栏只保持垂直固定

例如，如果用户在主页上并决定向下滚动阅读公告。我想要左侧的菜单栏保持原位。但让我们说用户放大我们的网页，整个页面不适合在屏幕上。如果用户决定一直滚动到页面的右侧，我想让菜单栏与页面左侧的其他内容一起消失。

有没有办法做到这一点只有CSS？ enter image description here

2012-09-05 anc1revv

我会看看我是否可以抽出一些东西，但是我不确定是否可以使用* just * CSS ...但是，如果您不反对使用lil javascript ...我认为您可以看看http://stackoverflow.com/questions/2049845/css-fixed-position-on-x-axis-but-not-y –

恐怕这是不可能的。能够为'position-horizontal'和'position-vertical'设置不同的值会很好，但事实并非如此，只有'position'。 – GolezTrol

我有类似的问题，我发现了一些帮助和定制为我自己的需要..... 检查这一个.....

CSS

#sidebar 
{ 
    top:70px; // make it for your own 
    left: 0px; //make it for your own 
    position: absolute; 
}

jQuery的

var leftOffset = parseInt($("#sidebar").css('left')); 
$(window).scroll(function() { 
    $("sidebar").css({ 
    'left': $(this).scrollLeft + leftOffset 
    }) 
});

我希望这将帮助你:)

来源

2012-11-20 06:18:18 rafi

菜单栏只保持垂直固定

回答

相关问题