<div data-sr="enter left, hustle 20px"> Foo </div>
<div data-sr="wait 2.5s, ease-in-out 100px"> Bar </div>
<div data-sr="move 16px scale up 20%, over 2s"> Baz </div>
<div data-sr="enter bottom, roll 45deg, over 2s"> Bun </div>
.tr__up_to_down05{opacity: 0;transition: all 0.5s ease;transform: translate(0, -5em);}
.animate .tr__up_to_down05{opacity: 1;transform: translate(0);}
$(function(){
$('.some_link').on('click', function(e){
$('html,body').stop().animate({ scrollTop: $('#some_point').offset().top }, 1000);
e.preventDefault();
});
});