[raeleewpParticipant]

Hi
I am trying to recreate the fade in effect that the scroll to top anchor has (fade in from bottom). But I am not sure how to and so far, I can only make it fade in and fade out.

How do I get the fade in from bottom effect?

My current code:

jQuery(document).ready(function($) {
	$(".go-to-cart").hide();
	
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 10) {
				$('.go-to-cart').fadeIn();
			} else {
				$('.go-to-cart').fadeOut();
			}
		});
	});
});

Thank you.

[Paul RModerator]

Hi,

It’s using @keyframes, plesae refer to the links below.

http://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_keyframes

Hope that helps.

[Author]

Posts