Как реализовать плавный переход по якорной ссылке?

есть меню

<ul class="menu-order">
						<li>
							<a href="#1">1</a>
						</li>
						<li>
							<a href="#2">2</a>
						</li>
						<li>
							<a href="#3">3</a>
						</li>
						<li>
							<a href="#4">4</a>
						</li>
					</ul>

и блоки с соответствующими id. Как реализовать плавный переход к якорю?