Answers for "back to top button"

0

scroll to top

$("#scroll_icon").click(function()
	{
		jQuery('html,body').animate({scrollTop:0},2000);
	})
Posted by: Guest on June-25-2020
0

javascript go to top of page

//EITHER:

window.scroll({
 top: 0, 
 left: 0, 
 behavior: 'smooth' 
});

//*****************************
//OR:

window.scroll({top: 0, left: 0});
//Or with jQuery
$('html,body').scrollTop(0);
//with animation
$('html, body').animate({ scrollTop: 0 }, 'fast');
Posted by: Guest on September-12-2020
0

simple button scrolling with this

// Select all »a« elements with a parent tag »nav« and add a function that is executed on click
$('#id a').on('click', function (e) {

   // Define variable of the clicked »a« element (»this«) and get its href value.
   var href = $(this).attr('href')

   // Run a scroll animation to the position of the element which has the same id like the href value.
   $('html, body').animate({
      scrollTop: $(href).offset().top
   }, '300')

   // Prevent the browser from showing the attribute name of the clicked link in the address bar
   e.preventDefault()

})
Posted by: Guest on August-09-2020
-1

back to top button

// BACK TO TOP BUTTON WITH JQUERY //
const win = $(window);
const b2t = $('.back-top');
const html_body = $('html, body');
//back to top fadetoogle//
win.scroll(() => win.scrollTop() > 100 ? b2t.fadeIn() : b2t.fadeOut());
//back to top effect//
b2t.click(() => html_body.animate({scrollTop: 0}, 2500));
Posted by: Guest on July-15-2021

Code answers related to "Javascript"

Browse Popular Code Answers by Language