$(document).ready(
		function(){
        var isBind = false;
		$(window).scroll(
				function(){
					var A = $(window).scrollTop();
					if(A > 300){
						$("#back").show();
                        if(!isBind){
                            bindEvent();
                            isBind= true; 
                        }
					}else{
						$("#back").hide();
					}
					

				}
			);

        var bindEvent = function(){
			$("#back").click(
				function(){
					$("html,body").animate(
						{
							"scrollTop":0
						},1000
					);
				}
			);
			$("#back").mouseenter(
				function(){
					$("#back").css({"color":"#fff"});
				}
			)
			$("#back").mouseleave(
				function(){
					$("#back").css({"color":"#fff"});
				}
			)

		}
    }
);