Задать вопрос
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>
  • Вопрос задан
  • 342 просмотра
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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать нейросеть
02 мая 2024, в 06:11
30000 руб./за проект
Автоматизация отчетности сектора подбора и развития персонала в 1С
02 мая 2024, в 05:49
7000 руб./за проект
Изменение темы сайта на ghost cms
02 мая 2024, в 04:47
5000 руб./за проект
Ещё заказы