Merge remote-tracking branch 'origin/master'

Yarik
2 parents c691597e 657a0f05
Showing 3 changed files with 74 additions and 6 deletions Show diff stats
frontend/views/layouts/main.php
frontend/web/css/custom.css
frontend/web/js/script.js
@@ -149,7 +149,7 @@ _________________________________________________________ --&gt;
         <div class="modal fade" id="feedback-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
           <div class="modal-dialog">
-      
+  
             <div class="modal-content">
               <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
@@ -204,14 +204,14 @@ _________________________________________________________ --&gt;
         <div class="modal fade" id="success-modal" tabindex="-1" role="dialog" aria-labelledby="Success" aria-hidden="true">
           <div class="modal-dialog">
-      
+  
             <div class="modal-content">
               <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
                 <h3 class="modal-title" id="Success">Success</h3>
               </div>
               <div class="modal-body">
-          
+  
                 <p>Thank for your reply, we will call you, maybe.</p>
                 <p class="text-center">
                   <button type="button" class="btn btn-template-primary" data-dismiss="modal">Close</button>
@@ -236,7 +236,7 @@ _________________________________________________________ --&gt;
                           'links' => isset($this->params[ 'breadcrumbs' ]) ? $this->params[ 'breadcrumbs' ] : [],
                       ]
                   ) ?>
-        
+
               </div>
             </div>
           </div>
@@ -426,7 +426,9 @@ _________________________________________________________ --&gt;
         <!-- /#copyright -->
         <!-- *** COPYRIGHT END *** -->
-
+  
+        <div id="content">Scroll &darr;</div>
+        <a href="#" id="back-to-top" title="Back to top">&uarr;</a>
       </div>
       <!-- /#all -->
@@ -77,11 +77,42 @@
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
 }
-
 .has-success .form-control {
     border-color: #d6e9c6;
 }
 .has-error .form-control {
     border-color: #ebccd1;
+}
+
+#back-to-top {
+    position: fixed;
+    bottom: 90px;
+    right: 120px;
+    z-index: 9999;
+    width: 50px;
+    height: 50px;
+    text-align: center;
+    line-height: 30px;
+    background: #f5f5f5;
+    color: #444;
+    cursor: pointer;
+    border-radius: 50%;
+    text-decoration: none;
+    transition: opacity 0.2s ease-out;
+    opacity: 0;
+    border-color: #38a7bb;
+    border-width: 2px;
+}
+
+#back-to-top:hover {
+    background: #e9ebec;
+}
+
+#back-to-top.show {
+    opacity: 1;
+}
+
+#content {
+    height: 2000px;
 }
 \ No newline at end of file
 $(
     function() {
+
         $(document)
             .on(
                 'beforeSubmit', '#feedback-form', function(e) {
@@ -31,5 +32,39 @@ $(
                     e.preventDefault();
                 }
             );
+
+        if ($('#back-to-top').length) {
+            var scrollTrigger = 100, // px
+                backToTop = function() {
+                    var scrollTop = $(window)
+                        .scrollTop();
+                    if (scrollTop > scrollTrigger) {
+                        $('#back-to-top')
+                            .addClass('show');
+                    } else {
+                        $('#back-to-top')
+                            .removeClass('show');
+                    }
+                };
+            backToTop();
+            $(window)
+                .on(
+                    'scroll', function() {
+                        backToTop();
+                    }
+                );
+            $('#back-to-top')
+                .on(
+                    'click', function(e) {
+                        e.preventDefault();
+                        $('html,body')
+                            .animate(
+                                {
+                                    scrollTop: 0
+                                }, 700
+                            );
+                    }
+                );
+        }
     }
 );
 \ No newline at end of file