当用户滚动和


  导航菜单


来到


  页边距20px


,则菜单将停止并固定。我该怎么办? navmenu是我菜单的Div ID。我尝试了所有方法,但我不知道。

这是我需要的代码...

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

最佳答案

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');
    }
});

关于javascript - JavaScript无法完成代码,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20633128/

10-12 06:02