To scroll smoothly to an anchor on your webpage with jQuery, you can use following snippet:
$(".anchor").click(function(e) {
e.preventDefault();
anchor = $(this).attr('href');
$("html, body").animate({
'scrollTop': $(anchor).offset().top
}, 1000);
});
Continue reading
If you want to move elements around the screen in multiple steps, you can use CSS animations for that.
Demo:
If you want to move an element to a screen corner with CSS only, theres a simple Solution with CSS3.
Demo:
Small Dropdown snippet:
with jQuery, all you need are just 3 lines of js and you have created a dropdown: