1

Необходимо, что бы при нажатии страница скроллилась вниз до нужного места, набросал такой код:

<ul>
    <li> <a href="#search-subdomains"> Search Subdomain </a></li>
</ul>

И на экран вниз:

<div class="container" href = "#">
    <h1 id="#search-subdomains">Search subdomains.</h1>
</div>

При нажатии на кнопку он не скроллит, что делать?

2
  • 3
    id="#search-subdomains" - решетка лишняя
    – Arbery
    Commented 30 сент. 2023 в 18:14
  • 1
    Спасибо тебе, друг! Commented 30 сент. 2023 в 18:22

1 ответ 1

0

Понимаю что решение задачи есть, но для эксперимента можете попробовать ещё такой код:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <ul>
    <li>
      <!-- Якорная Ссылка -->
      <a href="#search-subdomains"> Search Subdomain </a>
    </li>
  </ul>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <div class="container" href="#">
    <a name="search-subdomains">
      <h1>Search subdomains.</h1>
    </a>
  </div>
</body>
</html>

2
  • У автора данного вопроса была опечатка в коде, из-за чего никакого скроллинга не было.
    – E1mir
    Commented 4 окт. 2023 в 12:58
  • Я уже понял, просто как ещё один выход из проблемы можно попробовать данный вариант (но про опечатку понял)
    – Brain One
    Commented 4 окт. 2023 в 13:02

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.