#1025 - Нужно добавить элемент прокрутки вверх (для длинных страниц)

frontend/views/layouts/footer-index.php

@@ -128,4 +128,8 @@ FileUploadBundle::register($this);
     </div>
 </footer>
 
+<div class="up-button-container">
+    <div class="up-button"></div>
+</div>
+
 <?php echo $this->render('block/callback'); ?>
\ No newline at end of file

frontend/views/layouts/footer-testing.php

@@ -14,4 +14,8 @@
             </div>
         </div>
     </div>
-</footer>
+</footer>
\ No newline at end of file
+
+<div class="up-button-container">
+    <div class="up-button"></div>
+</div>
\ No newline at end of file

frontend/views/layouts/footer.php

@@ -31,4 +31,8 @@
     </div>
 </footer>
 
+<div class="up-button-container">
+    <div class="up-button"></div>
+</div>
+
 <?php echo $this->render('block/callback'); ?>
\ No newline at end of file

frontend/web/css/custom.css

@@ -275,6 +275,28 @@ pre code {
 .preview-image {
     text-align: center;
 }
+.up-button {
+    background: url(../images/up-button.png) no-repeat left top;
+    width: 56px;
+    height: 72px;
+    position: absolute;
+    left: -80px;
+    top: 0;
+    cursor: pointer;
+    display: none;
+}
+.up-button:hover {
+    background-position: right top;
+}
+.up-button-container {
+    position: fixed;
+    width: 970px;
+    height: 0px;
+    bottom: 150px;
+    left: 50%;
+    margin-left: -485px;
+    z-index: 2;
+}
 
 
 /* ------------ BLOG MODAL ------------------ */

frontend/web/js/custom.js

 $(document).ready(function() {
 
+	$(window).scroll(function(){
+		if($(window).scrollTop() > 700)
+		{
+			$('.up-button').show();
+		}
+		else
+		{
+			$('.up-button').hide();
+		}
+	});
+
+	$('.up-button').click(function(){
+		$("html, body").animate({ scrollTop: 0 }, "slow");
+	});
+
 	$("a.toggle_bottom").click(function() {
 		var a = $(this);
 		$("html, body").animate({ scrollTop: $(a.attr('href')).position().top - 50 }, "slow");