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

Question

eeennyg @eeennyg

HTML

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

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

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

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

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

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Решения вопроса 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

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- 6 часов назад
- 72 просмотра
0

ответов
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 112 просмотров
0

ответов
HTML

Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
- 1 подписчик
- 29 окт.
- 146 просмотров
0

ответов
HTML

+1 ещё

Простой
Как создать карточки в рядах со смещением?
- 1 подписчик
- 28 окт.
- 101 просмотр
1

ответ
HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 134 просмотра
1

ответ
HTML

+1 ещё

Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
- 1 подписчик
- 30 сент.
- 154 просмотра
1

ответ
HTML

+1 ещё

Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
- 1 подписчик
- 24 сент.
- 469 просмотров
2

ответа
HTML

+1 ещё

Простой
Как убрать линии у бейджиков в Markdown?
- 1 подписчик
- 23 сент.
- 209 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как менять картинки у карточки в списке товаров?
- 4 подписчика
- 22 сент.
- 361 просмотр
1

ответ
HTML

+1 ещё

Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
- 2 подписчика
- 21 сент.
- 249 просмотров
2

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

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

PHP-разработчик

FoodSoul • Калининград

от 180 000 до 250 000 ₽

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

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

Aleksey Solovyev @alsolovyev

¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often

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

или

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

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

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

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

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

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

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