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元素中隐藏的溢出：

在另一个div中粘贴侧边栏

1 个答案: