javascript - 另一个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 元素中删除溢出：隐藏。