×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Javascript
Posted by: Marosi Dóra
Added: Aug 25, 2017 12:47 PM
Views: 2
Tags: no tags
  1. $( document ).ready(function() {
  2.         $(window).scroll(function() {
  3.                 if ($(this).scrollTop() > 300) {
  4.                         $('#back-to-top-wrapper').fadeIn( "slow");
  5.                 } else {
  6.                         $('#back-to-top-wrapper').fadeOut( "slow");
  7.                 }
  8.         });
  9.        
  10.         $('#back-to-top-wrapper').click (function() {
  11.                 var body = $("html, body");
  12.                 body.animate({scrollTop:0}, '1000');
  13.         });
  14. });
  15.  
  16. ----------------------------------------------------------------------------------------------------------------------------
  17.  
  18. CSS:
  19.  
  20. #back-to-top-wrapper {
  21.         position: fixed;
  22.         display: none;
  23.         left: 30px;
  24.         bottom: 140px;
  25.         cursor: pointer;
  26.         z-index: 100;
  27. }
  28.  
  29. ----------------------------------------------------------------------------------------------------------------------------
  30.  
  31. HTML:
  32.  
  33. <div id="back-to-top-wrapper" class="visible-desktop">         
  34.         <img src="/theme-201407/images/back_to_top.png" alt="Vissza az oldal tetejére">
  35. </div>