Как в мобильном твиттере реализована навигация?

Question

[Hellas]

В twitter mobile при переходе(например, с главной) есть возможность вернуться назад.
Даже если пользователь на главной прокрутил страницу вниз, подгрузив ещё дюжину твиттов, то при возвращении назад он оказывается в том же месте, откуда перешёл.

Как это происходит?
Предыдущие страницы просто скрываются display: none, а затем показываются вновь, когда пользователь возвращается, устанавливая ему позицию скролла на ту, что была перед переходом?

Comments

[OKyJIucT]

А что мешает зайти через браузер в режиме эмуляции мобильного устройства хотя бы и посмотреть, что с DOM происходит?

А вообще, скорей всего из DOM элементы удаляются (как это позволяют делать современные JS фреймворки), а при необходимости добавляются обратно, чтобы браузер не лагал. Например, вот так https://ru.vuejs.org/v2/guide/conditional.html#v-i...

Answer 1

[Дмитрий Кузнецов]

Прочитайте про SPA - многое в вашей жизни изменится) А на счёт кнопки "Назад" точную реализацию не знаю, но может быть похожий алгоритм:
1. Получаем нынешнюю страницу.
2. Записываем в массив страницу, где пользователь находится. Если же есть уже массив, то добавляем к массиву новые значения (например, url страницы).
3. Потом, если есть данный массив и он не пустой, то показываем где-то кнопку "Назад".
4. Когда пользователь нажимает на кнопку "Назад", то получаем последний url из массива (не считая эту страницу) и переводим его на новую страницу. Если же нет...то уже можно выдумать ещё парочку алгоритмов.

Как-то так!)