另一个div中的粘性侧边栏

Question

我必须准备一个带有粘性侧边栏的站点。

链接到此页面： http : //iem.pw.edu.pl/~witkowr1/cwiczenie1/menu.html

在此子页面中，我尝试制作粘性图像验证器，但它不起作用。 我发送了示例代码：

function fixDiv() {
    var $cache = $('#validator');
    if ($(window).scrollTop() > 100) $cache.css({
        'position': 'fixed',
            'top': '10px',
            'right': '40px'
    });
    else $cache.css({
        'position': 'absolute',
            'top': '75px',
            'right': '40px'
    });
}
$(window).scroll(fixDiv);
fixDiv();

但是我的主要问题是菜单粘滞，我一无所知。

Answer 1

尝试给您的'#menu'div这些样式：

#menu {
  position: fixed;
  top: 10px;
  left: -20px;
  width: 20%;
  float: left;
}

另外，您可能要删除body元素中的overflow：hidden。