JQ实现滚动监听锚点跳转

//         滚动监听
        $(document).scroll(function(){
            var top = $(document).scrollTop();
            if(top<400){
                $(".anchors").fadeOut(1000);
            }else {
                $(".anchors").fadeIn(1000);
            }
        });
//            滚动监听结束




//            锚点跳转过度
        $(".anchors a").click(function(){
            $('body').animate({
                scrollTop: $( $.attr(this, 'href') ).offset().top
            }, 500);
            return false;
        });