.main-btn:after {
content: "";
margin-left: 60px;
width: 30px;
height: 300px;
background: #fff;
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
position: absolute;
left: -40px;
top: -150px;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-animation-name: slideme;
animation-name: slideme;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }$(document).ready(function() {
$("a.scrollto").click(function () {
elementClick = $(this).attr("href")
destination = $(elementClick).offset().top;
$("html:not(:animated),body:not(:animated)").animate({scrollTop: destination - *высота шапки*}, 1100);
return false;
});
});scrollto.curry до того, как объект исчез (ну, или нет. сори - не очень шарю в jquery)..curry в callback функции fadeOut, чтобы класс удалялся только после полного исчезновения.