Как сделать так, чтобы панель навигации прокручивалась до нужной мне страницы? [дубликат]

Ну, у меня есть эта часть моего html кода:

<div class="upper-menu">
    <ul>
        <li id="hope">Hope Lake</li>
        <li><a href="#Contact">Contact</a></li>
        <li><a href="#Services">Services</a></li>
        <li><a href="#About">About</a></li>
        <li><a href="#upper-menu">Home</a></li>
    </ul>

    <div class="photo-container">
        <img  src="images/image1.jpg" width="1440" height="740"/>
        <div class="centered">My Business</div>
        <div class="lower-centered">Creative solutions, creative results.</div>
    </div>
</div>

Когда я нажимаю на кнопку (например) "Контакт", она должна прокручиваться к этой части моего сайта, где я могу прочитать информацию о нем. Как я могу это реализовать?

Вернуться на верх