Как сделать кнопку прокрутки вниз страницы в HTML?

Не удалось найти учебник для этого в любом месте или просто не использовать правильные ключевые слова. Я делаю сайт с одной страницей, и я бы хотел, чтобы кнопки панели навигации прокручивали страницу вверх/вниз до правой части. Будет ли это возможным только в HTML и CSS?
Я не очень разбираюсь в JavaScript.

Подобно "Прокрутка вверх", но я могу решить, где он прокручивает страницу, например, в середине, сверху, снизу и т.д.

Ответы

Ответ 1

Обновление: Теперь есть лучший способ использовать это, используя атрибут HTML id:

Задайте идентификатор назначения: <h1 id="section1">Section 1</h1>

И создайте ссылку на это место назначения с помощью тега привязки: <a href="#section1">Go to section 1</a>

Преимущество этого нового метода заключается в том, что атрибут id может быть установлен на любом элементе HTML. Вам больше не нужно переносить лишние якорные метки вокруг целевых ссылок!

Оригинальный ответ:

Вы можете использовать тег привязки HTML.

<a name="section1">Section 1</a>

рядом с

<a href="#section1">Go to section 1</a>

Когда пользователь нажимает "Перейти к разделу 1", они будут отправлены в раздел страницы, где отображается текст "Раздел 1.".

Ответ 2

используя window.scrollTo, вы можете прокрутить страницу вниз, как показано ниже.

window.scrollTo(0,document.body.scrollHeight);