Как указать объект?

Question

eeennyg @eeennyg

HTML

Как указать объект?

Знаю, что вопрос глупый, но все же. Как в этой функции указать определенный DIV, а не body? JS пока не изучал просто, а очень надо
window.scrollTo(0, document.body.scrollHeight);

Вопрос задан более трёх лет назад
58 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

2 комментария

eeennyg @eeennyg Автор вопроса

Не полечилось. Кинул код с HTML и JS

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Сайт по ифнорматике </title>
  <link rel="stylesheet" href="/css/Main.css">
  <meta name="viewport" content="width=1100px, initial-scale=1.0">
</head>
<body>
  <header>
  <div class = "line">
  <div class = "head">
      	 <nav>
        <ul class = "menu">
        <li>
          <a href="http://laptop-6dan5qsf:3000/">Главная</a>
        </li>
        <li>
          <a href="http://laptop-6dan5qsf:3000/video">Видео</a>
        </li>
        <li>
          <a href="http://laptop-6dan5qsf:3000/chat">Чат</a>
        </li>
        <li>
          <a href="http://laptop-6dan5qsf:3000/photo">Фото</a>
        </li>
      </ul>
    </nav>

  </div>
  </div>
  </header> 
  
  <div class="box4">  
  <div class="mmm">
  <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
    </div>
	</div>
    <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
    <script>
      $(function () {
        var socket = io();
        $('form').submit(function(){
          socket.emit('chat message', $('#m').val());
          $('#m').val('');
          return false;
        });
        socket.on('chat message', function(msg){
          $('#messages').append($('<li>').text(msg));
 	const el = document.querySelector('.mmm');
	window.scrollTo(0, el.scrollHeight);
        });
      });
    </script>
    </script>
    <script>
    		
    </script>
    </div>


</body>
</html>

Написано более трёх лет назад

Aleksey Solovyev @alsolovyev
eeennyg, что значит "Не полечилось"?
const el = document.querySelector('.mmm'); - находит элемент, а el.scrollHeight - находит высоту этого блока. Вот Вам пример наглядный: jsfiddle.net/4xcruLgo - в блок выводит высоту 200 как и указано в css.
Еслм Вы у себя добавите:
const el = document.querySelector('.mmm'); console.log(el.scrollHeight); window.scrollTo(0, el.scrollHeight);
, то в консоле увидите размер блока. Кусок кода, который я Вам написал, прекрасно работает, а какой результат от этого действия window.scrollTo(0, el.scrollHeight); Вы ожидаете - одному богу известно.
Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 1 подписчик
- 3 часа назад
- 29 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Галерея 3DWave. Перевел HTML в JS. Не работает.?
- 1 подписчик
- вчера
- 76 просмотров
0

ответов
HTML

+3 ещё

Простой
Flask вывод изображения из базы данных?
- 1 подписчик
- вчера
- 67 просмотров
1

ответ
JavaScript

+4 ещё

Простой
Почему при загрузке страницы происходит быстрый скролл вниз, а затем вверх?
- 1 подписчик
- вчера
- 84 просмотра
1

ответ
JavaScript

+3 ещё

Средний
Swiper js, как сделать чтобы при фокусе по табу на ссылке внутри слайда не исчезала пагинация?
- 1 подписчик
- 30 апр.
- 45 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему нельзя нажать на кнопку третьего элемента в Splide JS?
- 1 подписчик
- 29 апр.
- 75 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не срабатывает анимация при исчезновение?
- 1 подписчик
- 28 апр.
- 49 просмотров
1

ответ
HTML

+1 ещё

Средний
Как зафиксировать данные блоки, чтобы не было разрывов?
- 1 подписчик
- 28 апр.
- 70 просмотров
1

ответ
HTML

+3 ещё

Простой
Возникла поломка файлов для установки пакетов в редакторе Atom, есть ли решение данной проблемы?
- 1 подписчик
- 27 апр.
- 70 просмотров
1

ответ
HTML

Простой
Как выставить фото в select?
- 1 подписчик
- 27 апр.
- 73 просмотра
2

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Нужна презентация и опросник на новую фичу для ресторанов

02 мая 2024, в 01:05

8000 руб./за проект

Поменять пароль root пользователя mysql

01 мая 2024, в 23:44

1000 руб./за проект

Модифицировать android приложение

01 мая 2024, в 23:25

2000 руб./за проект

Answer 1 · 2018-12-13 00:53:30

Aleksey Solovyev @alsolovyev

const el = document.querySelector('.someClassName');
window.scrollTo(0, el.scrollHeight);

или

window.scrollTo(0, document.querySelector('.someClassName').scrollHeight);

Ответ написан более трёх лет назад

2 комментария

Как указать объект?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт