Как корректно вернуться назад, при ajax подгрузке контента?

Question

[Алексей Коновалов]

Всем привет! Пытаюсь сделать бесконечную ленту, но сталкиваюсь с проблемой. Допустим, пользователь пролистал 500 постов вниз и решил его открыть, прочитал и кликнул кнопку назад. Какие есть варианты вернуться снова к 500 посту в ленте, кроме открытия поста с помощью ajax, поверх основного контента?

Comments

[Кирилл Горелов]

Открыть пост в новой вкладке??
А список оставить на другой вкладке, самый просто способ, не прокатит?

[Алексей Коновалов]

Кирилл Горелов, Я рассматривал его, но это не удобная крайность. Возможно найдется другой способ, более корректный с точки зрения юзабилити

[inavo]

Алексей Коновалов, ну как вариант, при открытии ленты кешировать проскроленные статьи и их позиции, и при возврате восстанавливать ленту по кешу

[Дмитрий Беляев]

Алексей Коновалов, я б еще позицию скролла запоминал, в дополнение к предложенному inavo

Answer 1

[xmoonlight]

Ориентир: нужный "якорь" (линк) в области отображения и вектор скроллинга страницы относительно него, для подгрузки ленты выше или ниже.

Пишем в куки: URL вместе с якорем к нужному посту в ленте, при возврате с этими куками "схлопываем" всё, что выше нужного поста, чтобы не гонять трафик, и не заставлять браузер/пользователя пролистывать/скроллить вниз и сразу же удаляем куки.

Но обязательно нужно предусмотреть аякс-подгрузку и вверх, если он захочет читать ленту в обратном направлении (поднимаясь вверх).

Comments

[Вова Дружаев]

а если пользователь нажмет кнопку "вверх" или на клаве "page up" или "home"? тут ему ajax подгрузка пообломает и лишняя будет

[xmoonlight]

Владимир Дружаев, всё зависит от того, как реализовать.

[Вова Дружаев]

xmoonlight, конечно все именно так и зависит. Тот же ВК выбрали наименее трудоемкий путь и статьи открывают в модалке. Это решает разом кучу вариантов - что может пойти не так.

[xmoonlight]

Владимир Дружаев, я бы думал своей головой, а учился - на чужих ошибках.

[Вова Дружаев]

xmoonlight, ВК не показатель - что они эту ошибку прошли и реализовали именно так?

[xmoonlight]

Владимир Дружаев, разумеется - нет.

[Вова Дружаев]

xmoonlight, а почему нет?

[xmoonlight]

Владимир Дружаев, а почему вы вообще допускаете, что чем круче имя на рынке, тем сделано у них - правильнее, и лучше - уже не сделать и ориентироваться надо на них и повторять как макака?)

[Вова Дружаев]

xmoonlight, видно что в вас перестал говорить здравый смысл и вы отвечаете вопросом на вопрос увиливая от ответа - т.к. у вас его нет

[xmoonlight]

Владимир Дружаев, Я не увиливаю. На вопрос - Вы не ответили.

[Вова Дружаев]

xmoonlight, детский сад какой-то. Ну ок. У вас нет ответа значит. Есть только "разумеется" - это так авторитетно и исчерпывающе

[xmoonlight]

Владимир Дружаев, дет.сад макак - это здесь:

ВК не показатель - что они эту ошибку прошли и реализовали именно так?

я уже выше написал ответ.

Answer 2

[Вова Дружаев]

ВК выбрали наименее проблемный подход - открытие в модальном окне. Даже статьи они открывают в модалке но заполнитель (overlay) делают белым и кажется будто ты на отдельной странице. Закрывается всё это дело обычным кликом по кнопке "Закрыть".

В комментарии к ответу xmoonlight я написал какие геморные ситуации придется решать с вашей идеей открывать именно на новой странице. И это только то что пришло в голову - устройств много и вариантов нестандартного поведения пользователя будет еще больше. Вам потом это исправлять и поддерживать. Хотя если тестирование - ваша стезя - реализуйте. После каждого обновления будете их автоматически запускать и смотреть все накопленные ситуации что ничто не отвалилось.

Answer 3

[bro-dev]

Обычно достаточно возвращаться не к предыдущей ленте, а к месту в пред ленте, так что при нажатии на кнопку показать еще, нужно двигать пагинацию и в урле писать пейдж = 2, после нажатия назад, возвращаемся на тоже место где будет 500 страница с дефолтным количеством загруженных постов, если очень хочется можно добавить кнопку сверху "загрузить предыдущие"