html - 修复了带有右侧可滚动 div 的左侧菜单不起作用

Question

我正在尝试创建一个固定的左侧菜单，就像在 bento.io 上看到的一样这样我就可以使用 Angular 来创建滚动 spy 和导航，但由于某种原因它根本不起作用。当我开始向其添加 fixed 时，我的左侧固定菜单从窗口中消失，而右侧部分占据了整个屏幕

这是我目前所做工作的链接 on JSBin

更新:我正在寻找一个纯 CSS 的解决方案，因为我正在使用 angularjs

Answer 1

JS

$(window).scroll(function () {
var sc = $(window).scrollTop()
if (sc > 500) {
    $(".course-menu").addClass("fixed-menu")
} else {
    $(".course-menu").removeClass("fixed-menu")
}
});

CSS

.fixed-menu
{
   position: fixed;
   top:80px;
}

依赖JQuery