From 80a05222aabb80aa9e2e3759b16cba3d24ba37d7 Mon Sep 17 00:00:00 2001
From: AnthonyAxenov <AnthonyAxenov@gmail.com>
Date: Sat, 24 Sep 2016 23:43:59 +0800
Subject: [PATCH] INITIAL COMMIT

---
 upbtn.css |  79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 upbtn.js  |  30 +++++++++++++++++++++
 upbtn.png | Bin 0 -> 1255 bytes
 3 files changed, 109 insertions(+)
 create mode 100644 upbtn.css
 create mode 100644 upbtn.js
 create mode 100644 upbtn.png

diff --git a/upbtn.css b/upbtn.css
new file mode 100644
index 0000000..157966d
--- /dev/null
+++ b/upbtn.css
@@ -0,0 +1,79 @@
+/* КНОПКА изначально невидимая */
+div.upbtn {
+	display: none;
+	position: fixed;
+	cursor: pointer;
+	background: none;
+	text-align: center;
+	transition: all 0.2s linear;
+}
+@media screen and (max-width: 750px) {
+	div.upbtn {
+		/*left: 30px;	*/	/* кнопка слева внизу */
+		right: 30px;		/* кнопка справа внизу */
+		bottom: 30px;
+		width: 60px;
+		height: 60px;
+	}
+}
+@media screen and (min-width: 751px) {
+	div.upbtn {
+		left: 0px;
+		bottom: 0px;
+		width: 100px;
+		height: 100%;
+	}
+}
+/* КНОПКА видимая */
+div.upbtn.norm {
+	display: block;
+	background-color: #DDD;
+	transition: all 0.2s linear;
+}
+@media screen and (max-width: 750px) {
+	div.upbtn.norm {
+		opacity: 1;
+		border-radius: 30px; /* в два раза меньше стороны */
+		/* Material-кнопка для мобилки */
+		box-shadow: #0a0a0a 0px 2px 12px -2px;
+    	background-color: #2196F3;
+	}
+}
+@media screen and (min-width: 751px) {
+	div.upbtn.norm {
+		opacity: 0.2;
+	}
+	div.upbtn.norm:hover {
+		opacity: 0.5;
+	}
+}
+/* СТРЕЛКА */
+div.upbtn div.upbtnarr {
+	width: 40px;
+	height: 40px;
+	display: block;
+	transition: all 0.2s linear;
+	transform: rotate(0deg);
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-image: url(upbtn.png);
+}
+@media screen and (max-width: 750px) {
+	div.upbtn div.upbtnarr {
+		width: 40px;
+		height: 40px;
+		margin: 10px auto;
+	}
+}
+@media screen and (min-width: 751px) {
+	div.upbtn div.upbtnarr {
+		width: 40px;
+		height: 40px;
+		margin: 20px auto;
+	}
+}
+/* СТРЕЛКА перевёрнутая */
+div.upbtn div.upbtnarr.down {
+	/*transition: all 0.2s linear;*/
+	transform: rotate(180deg);
+}
\ No newline at end of file
diff --git a/upbtn.js b/upbtn.js
new file mode 100644
index 0000000..a7274c7
--- /dev/null
+++ b/upbtn.js
@@ -0,0 +1,30 @@
+$(document).ready(function() {
+	$('body').append('<div class="upbtn" id="upbtn"><div class="upbtnarr" id="upbtnarr"></div></div>');
+	var lastpos = 0;
+	if ($(window).scrollTop() > 100) {
+		$('#upbtn').addClass('norm');
+	}
+	$(window).scroll(function() {
+		if ($(window).scrollTop() > 0) {
+			$("#upbtnarr").removeClass('down');
+			if ($(window).scrollTop() > 100) {
+				$('#upbtn').addClass('norm');
+			} else {
+				if (lastpos == 0) {
+					$("#upbtn").removeClass('norm');
+				}
+			}
+		} else if ($(window).scrollTop() < 100 && lastpos >= 100 && !$('#upbtnarr').hasClass('down')) {
+			$("#upbtnarr").addClass('down');
+		}
+	});
+	$("#upbtn").click(function() {
+		if ($(window).scrollTop() > 5) {
+			lastpos = $(window).scrollTop();
+			$('body,html').animate({'scrollTop': 0}, 300);
+		} else {
+			$('body,html').animate({'scrollTop': lastpos}, 300);
+		}
+	});
+});
+
diff --git a/upbtn.png b/upbtn.png
new file mode 100644
index 0000000000000000000000000000000000000000..53aadcf34447fc2a8e300ca4e99ad975c1b55ed7
GIT binary patch
literal 1255
zcmV<D1Q`2?P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00009a7bBm001r{
z001r{0eGc9b^rhX8FWQhbW?9;ba!ELWdK2BZ(?O2No`?gWm08fWO;GPWjp`?1awJ6
zK~#9!?O97mR8bf{ckawADx47t#Ye<Qgqm7yL}##_OycZ9C9#bP>OvWVeBfhVzKLGz
zpw>~VAfjzls|ajcTWO<hw3lW7H=HAfn^yC<cf|h1;hwqo{Qv)b-#zC)|G6V#v6%Ru
zn_vN002Y7+U;$VF7Jvm{0aySQfCXRySO6A)1z-VeZnLwqyZxD&853=<XNP(QfG81n
z&CSgTH1rEW-f;mG$?557b7f^kw6?ZhMMEF=3NZ@`Mm`dWgoO}0Xy_M81jorQE-s3$
zuC5>v-!cs22O9dghi6WU;3)Z}r6tkR({qkUuj9?r^&6V(uj3iUI4Oc7<fo>l%=!6w
z(bv~^+UxbMDe`Iws6L)y493F72@#xl^XY6qG&EF61V4bN%jNovYgt*@6EyuE#$YUL
zU~9Jsc9S<!sgxKV9zIc2RJ1CIZsAJ5UrkO<deNx=+VX4_Hn4>cJ4LXa{MgvoF~8sc
z8^Mv0k>kl^QlOzv_ulDaU;|sbMX-%Lh>eerdrL}6p38N<C8zlN!NI{wtaFS*L!a)Q
z#4|ZIy&PZ*AMj<D2ze(@Rh@{(<LR|qUS9s#vcA`Pdwb95>s!wgc;@kV)^r>Az!><1
z?|h4pck*;~5m*rj1Rh8tUu3r5z&3}yUeECQPJw6L-QDMD>?hq8zTgwS^DRQ&$jhq>
z)4963`mQAKm99UjZBn5V+ON>D7D}C+ogoxQu$4Y`$mbpSMhr{LgE0fBxiO9F>+6$>
zysYxRqtsnqUjAc&ql<vC?d|QC$aWh(lnC&R7>ISCW&nY9<IOcSHC>lU4CJ@bZ)<D2
z{5SIZi9og;(jSCKi+~t%Cb<hf0|0>5u4iFkL4-n~0rlq98*6E4>6N8zMqrhwuq7XT
zR=<dan24RL2)S-|ZU6~~!&g*Es}ff*7#y{d{}-_OSS3PpbMrNo6jj-bn23!rx#WYK
z>U+6XBUtAIZkK#RLqi-1i!!!5n}ns?zz5bn`AjGg5DPI88yIpqH{^7(>*(mXhyn*|
zRPEcfwY9gbi7Fdlx~)pEH8nN2RgEC?!X_}}a)QkI&C`B;fdFjCES)A_RaJFQjx+PI
zUt8)66Td0OeN6;>PuKvKY-d77fKZM?ZCSB>)GM}%ii(GFTwaS6YlVs5R2@FjV*?8?
z$(dl-G6M(z>U)FE>u0rNZF<d@mX<!9n3!-U5(&eOnq5C*AO^+qP|RmK24Dg<U<B5@
z3xIkZ`)^}o<0t}}rkOt66c-o2AV5cOU{QhXIJIdrL7g&>`h32ZIu^nfl{JFPmK=c3
z*9cCD?xsAlzKKSoK6$vY_1tcq35ZFt34;GEu+-Jn-2k>sKe1;70PB#ZAON7`O$`hT
zoYEC{;v1g+r3tb7`}+e#KBcg!{A1fLfGbXBcmpz^5p(!cw!R#I0a*4pnAukc$mM`-
z$#L>~U@;^XVQU@0e~z*MEC36@0<Zuq01LnZumCIo3%~-f04x9tzychS_6xU*mDUbX
R^kM)2002ovPDHLkV1lC*K*|6B

literal 0
HcmV?d00001