当移动滚动条到一定距离时固定导航栏到头部

Question

在移动端开发，当滚动条滚动一段距离时固定导航栏

Answer 1

sorry,不小心写错了两个参数

$(function(){
    var nav = $("#nav");   //导航，请自行修改
    var maxTop = 500;      //高度，请自行修改
    $(window).on('scroll',function(){
        var top = $(window).scrollTop();
        if (top > maxTop) {
            nav.css({
                'position':'fixed',
                'top':0
            });
        }
        if (top < maxTop) {
            nav.css('position','relative');
        }
    });
});

Answer 2

$(function(){
    var nav = $("#nav");   //导航，请自行修改
    var maxTop = 100;      //高度，请自行修改
    $(window).on('scroll',function(){
        var top = $(window).scrollTop();
		if (top > maxTop) {
			nax.css({
			    'position':'fixed',
			    'top':0
			})
		}
		if (top < MaxTop) {
			nav.css('position','relative');
		}
    })
})