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

Question

eeennyg @eeennyg

HTML

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

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

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

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

Подписаться 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

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 163 просмотра
2

ответа
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- вчера
- 104 просмотра
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 23 нояб.
- 103 просмотра
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 23 нояб.
- 102 просмотра
0

ответов
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- 22 нояб.
- 77 просмотров
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- 22 нояб.
- 55 просмотров
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- 22 нояб.
- 64 просмотра
1

ответ
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- 21 нояб.
- 36 просмотров
0

ответов
HTML

Простой
Как на html реализовать блоки «Внимание / Важно»?
- 1 подписчик
- 21 нояб.
- 122 просмотра
1

ответ
HTML

+1 ещё

Простой
Как разместить элементы с разных блоков, чтобы они перекрывали друг друга?
- 1 подписчик
- 21 нояб.
- 59 просмотров
1

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

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

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

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Нужен грамотный директолог

25 нояб. 2024, в 14:51

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

Разработка фронта на любом языке под существующий бэк

25 нояб. 2024, в 14:43

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

Разработать лендинг

25 нояб. 2024, в 14:41

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

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 комментария

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

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

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

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