1

У меня почему то не работает scrolTop.Буду рад любой помощи!

  $("button").click(function(){
    $("#contacts").scrollTop(600);
   
   });
  .cont{
        width: 200px;
        height: 1500px;
        border: solid red 1px;
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!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>
    <button>Кнопка</button>
    <div class="cont"></div>
    <div class="c" id="contacts">Контакты</div>

1 ответ 1

1

Не работает scrollTop потому, что он применяется у Вас к #contacts, который пустой и в нём нечего прокручивать. В данном случае, Вам нужно прокрутить document:

$("button").click(function() {
  $(document).scrollTop(1500);
});
.cont {
  width: 200px;
  height: 1500px;
  border: solid red 1px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button>Кнопка</button>
<div class="cont"></div>
<div class="c" id="contacts">Контакты</div>

2
  • 1
    Не пойдёт, у него высота просто для красоты написана, а так она будет разная от внутреннего контента. Надо было внутрь контента добавить, Lorem какойнить и уже нормально показать. Это я не придираюсь, просто совет переделать правильно) Commented 18 апр. 2023 в 9:04
  • Вроде для прокрутки всего окна надо два элемента написать для разных браузеров?
    – Qwertiy
    Commented 14 мая в 11:48

Ваш ответ

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

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