Javascript无法完成代码

Question

当用户滚动并

时

  

navmenu

来

  

margin-top 20px

，然后菜单将停止并修复。我怎么能这样？ navmenu是我的菜单的Div id。我尝试各种方法，但我无法理解。

这是我需要的代码......

$("navmenu").scrollTop(function () {
    var height = $("navmenu").scrollTop();
    alert(height);
    if (height > 20) {
        /* need help here */
    }
});

Answer 1

Sample Fiddle

这适用于滚动页面本身，如果您指的是滚动特定元素，则可能需要进行调整。

CSS

#navmenu {
    width:100%;
    height:20px;
    background:grey;
    position:relative;
}

的jQuery

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > 20) {
        $('#navmenu').css('position', 'fixed');
    } else {
        $('#navmenu').css('position', 'relative');
    }
});

Answer 2

  

navmenu是我菜单的Div id

选择器navmenu将匹配<navmenu>元素（HTML中不存在）。

您想要#navmenu。