https://www.kipf.re.kr/js/kor/move-top.js;jsessionid=D7D0779E1EA5CE0224B0657FD8E0CCBB

1if( window.console == undefined ){ console ={log:function(){}}};
2var winHeight = $(window).height();	
3var winWidth = $(window).width();
4var winMedia = 0;
5var startX, startY, endX, endY, moveX, moveY, angle, $dragTarget;
6
7$(window).on("resize", function(){
8	winWidth = $(window).width();
9}).on("scroll", function(){
10	
11	if($(window).scrollTop() > 0){
12		$(".move_top").addClass("show");
13		var fixTop = 0;
14		if($(window).scrollTop() > ($(document).height() - $(window).height() - $("#foot_layout").height())){
15			fixTop = $(window).scrollTop() - ($(document).height() - $(window).height() - $("#foot_layout").height()+30);
16			$(".move_top").css("bottom", fixTop + "px");
17		} else {		
18			$(".move_top").css("bottom", "50px");
19		}
20	} else {
21		$(".move_top").removeClass("show");
22	}
23	//if($(window).scrollTop() >= $(document).height() - $(window).height() - $("#foot_layout").height()){
24	if($(window).scrollTop() >= 150){
25		$("#foot_layout").addClass("show");
26	} else {
27		$("#foot_layout").removeClass("show");
28	}
29});
30
31
32$(window).on("load", function(){
33	if($(".move_top").length > 0){
34		var theCanvas = document.getElementById("canvas");
35		var context = theCanvas.getContext("2d");
36		var end = 0;
37		function drawScreen(end){
38			context.clearRect(0,0,60,60);
39			context.beginPath();
40			context.strokeStyle = "#fd1322";
41			context.lineWidth = 1;
42			context.arc(30,30,29,(Math.PI/180)*(0-90), (Math.PI/180)*(end-90), false);
43			context.stroke();
44			context.closePath();
45		}
46		drawScreen();
47		$(window).on("scroll", function(){
48			end = $(window).scrollTop() * 360 / ($(document).height() - $(window).height());
49			drawScreen(end);
50		});
51	}
52	
53})