Задать вопрос
Huf
@Huf
javascript

Как сделать скролл без возврата?

Всем привет!) Есть длинный список слов в один столбец, сначала должно показываться последнее слово внизу, а при прокрутке вверх можно было посмотреть остальные.

Использую $("#mcaht").scrollTop(90000);
Все хорошо, показывается последнее слово, но при прокрутке возвращает обратно к этому последнему слову. Как сделать, чтобы отображалось последнее слово и при этом я мог спокойно скроллить?

<script>
	function load_messes()
		{
			$.ajax({
					type: "POST",
					url:  "chatread.php",
					data: "req=ok",
					success: function(test)
					{
						$("#mcaht").empty();
						$("#mcaht").append(test);
						$("#mcaht").scrollTop(90000);
					}
			});
		}
	</script>
  • Вопрос задан
  • 343 просмотра
3 комментария
Подписаться 1 Оценить 3 комментария
Решения вопроса 1
yurzui
@yurzui 
var scrolled;

function load_messes()
{
  $.ajax({
      type: "POST",
      url:  "chatread.php",
      data: "req=ok",
      success: function(test)
      {
        var $mcaht = $("#mcaht"),
          scroll = $mcaht.scrollTop(),
          messageCount = $mcaht.children().length;

        $mcaht.empty().append(test);

        scroll && $mcaht.scrollTop(scroll);

        if(!scrolled || messageCount < $mcaht.children().length) {
          $mcaht.scrollTop(90000);
          !scrolled && (scrolled = true);
        }

      }
  });
}

Псевдо-чат
Ответ написан
23 комментария
23 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
Бэкэнд-разработчик JavaScript
Wanted. • Москва
от 250 000 до 400 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправить ошибки в консольном интерфейсе с применением C# и NET
28 дек. 2024, в 22:21
500 руб./за проект
Сделать бота
28 дек. 2024, в 21:56
25000 руб./за проект
Доработка Битрикс
28 дек. 2024, в 18:50
1200 руб./в час
Ещё заказы