菜单栏仅垂直固定

Question

我想创建一个菜单栏，当您向上和向下滚动屏幕时，该菜单栏保持垂直位置，但如果用户向左和向右滚动，我希望菜单栏左右移动其余内容。

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

有没有办法只用css做到这一点？

Answer 1

我有类似的问题，我找到了一些帮助，并根据自己的需要定制它..... 检查一下......

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
  })
});

我希望这会对你有所帮助:)。