Javascript 另一个div中的粘性侧边栏

我必须准备一个粘性边栏网站

链接到此页面：

在这个子页面中，我尝试创建粘性图像验证程序，但它不起作用。 我发送了示例代码：

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

但是我的主要问题是粘性菜单，我不知道。

试着给你的“#菜单”分区以下样式：

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

---

另外，您可能希望删除body元素中的overflow:hidden。

为什么不首先将“sticky”div设置为固定位置？我不明白您想做什么。你在页面顶部有一个验证器中心，在滚动条上（100px后）你将它从流中移除，使其固定，如果它小于100px，则使其绝对。。。所以你要做的是。。。使验证器从一开始就粘在一起，或者在滚动<100px？时要将其返回到起始位置？？不清楚。。。