Как прокрутить страницу вконтакте в самый низ: Как в новом дизайне ВКонтакте быстро пролистать записи на стене до конца?

Содержание

«Если очень долго листать ленту «ВКонтакте», можно ли отмотать её к самому началу, когда ты только зарегистрировался?» — Яндекс Кью

Главная

Сообщества

ИнтернетЗачем я это узнал?+3

Фёдор Достоевский

2 августа 2016 ·

52,9 K

Vladimir Gordeev

Разработчик · 2 авг 2016

Дело в том, что каждая запись загруженная на страницу браузера занимает какую-то память. Когда вы отматываете записи вниз, то на каждую запись выделяется какое-то место.

Соответственно, сможете вы отмотать или нет зависит от того сколько оперативной памяти на вашем компьютере и сколько записей. Если мне не изменяет память, я успешно отматывал около 5-ти тысячи записей на своём ноутбуке.

Если речь идёт о просмотре ленты, то нужно просто сложить количество записей во всех пабликах на которые вы подписаны, все публичные посты всех ваших друзей, и из полученной цифры сделать оценку — хватит памяти на компьютере чтобы удержать все записи на одной странице или нет.

Чаще всего нет.

Влад Л.

11 октября 2016

А файл подкачки не поможет решить проблему с кончающейся оперативкой в этом случае?

Дмитрий Коркешко

Разнорабочий · 2 дек 2016

Я скажу больше: у вк есть одна неожиданная пасхалка для особо упертых и шустрых. Чтобы ее найти, нужно очень-очень-очень быстро листать ленту….и вот уже мы видим «Дуров, верни стену!», создание побитой собачки и т. д… Дальше-больше. Ускоряем колесико…Пьяный Ельцин танцует…Кузькина мать…Дача Сталина…Дореволюционный Петроград…Восстание Пугачева…Рюрика… Читать далее

Анастасия Селенина

Магистрант СПбГУ, молекулярный биолог · 2 авг 2016

Как-то мне понадобилось найти одну запись в паблике, но, к сожалению, я не помнила, что за паблик. Единственное, что ориентировочно эта запись была видна 5 дней назад. Ну и я начала мотать ленту вниз. Очень долго. Однако до того заветного дня у меня так и не вышло долистать. Лента кончилась на 3 или 4 день.

Steinar Volden

Студент, эникейщик, музыкант, графоман.

· 9 дек 2016

Пролистать ленту полностью, как тут уже сказали, весьма проблематично, если у вас не так много оперативной памяти, но есть один хинт на случай, если вам вдруг захочется понастольгировать: 1. Открываете стену в новой вкладке (просто нажимаете на «Все записи» в шапке стены средней кнопкой мыши). 2. Открываете сразу последнюю страницу. Кстати, меняя значение после слова… Читать далее

Yury Molodtsov

Выпускник МФТИ. · 2 авг 2016

Можно было бы и попробовать.

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

Александр Вертинский

Высоко духовная Элита · 2 авг 2016

Если в двух словах то нет 1 потому что лента которую вы прокручеваете в моем предствалении как какой то поток постов в которы со временем включились вы что я хочу этим сказать не с вашей регистрации начались посты в группе ваше регистрация совершенно не связана с новостной лентой другими словами и до вас была жизнь на земле 2 вк если мы про Вкотнтакте то они удаляют.

Владимир Воистинов

Лентяй · 2 авг 2016

Если вы листаете свою стену, то можно (если конечно у вас остались посты с того времени). Если вы про новостную ленту, то тут 2 случая: 1) «сначала самые интересные» тут ответ нет т.к. тут одну новость порой можно увидеть много раз за день. По сути, это аналог ленты Фейсбука, в которой лента не просто отражает посты в порядке публикации, а бесконечно генерируется. 2) Хро… Читать далее

Сергей Шаталов

Программист, меломан и вообще задрот · 3 апр 2017

Чисто теоретически, с мобильных девайсов промотать все записи, которые остались в базе данных вк можно, потому что, в отличии от компьютера, смартфоны/планшеты держат в памяти отрисовку только тех ячеек, которые сейчас помещаются на экране (те ячейки что выходят за видимую область, освобождают память, которую занимают).

Как пролистать диалог в ВКонтакте в самое начало?

Вот уже 12 лет как ВКонтакте дарит положительные эмоции своим пользователям. Павлу Дурову действительно удалось объединить много миллионов пользователей с помощью своего продукта. Сегодня зарегистрировано практически пол миллиарда пользователей из всех стран мира. Большинство пользователей на сервисе зарегистрированы уже 5 или даже 10 лет и всё это время активно пользуются перепиской. Если долго переписываться с одним человеком, в диалоге могут собраться десятки тысяч сообщений.

Сложно представить объемы текста в подобных диалогах, а ведь они ещё и постоянно пополняются. Что же будет, если потребуется перемотать переписку в начало списка? Такие объемы информации сложно поддаются каким-либо действиям, даже обычному перематыванию. Какие же есть способы добраться до начала диалога ВКонтакте?

Стандартные способы перемотать диалог в ВКонтакте

Самый первый способ, который приходит на ум, — просто перемотать диалог, перейдя на него из вкладки «Сообщения». Находясь на нужной вкладке остаётся только нажимать кнопку Page UP (PGUP). Чтобы добраться до начала диалога потребуется не только масса терпения, но и неплохая производительность компьютера или смартфона. Чем больше данных будет появляться на странице, тем медленнее начинает работать загрузка новых сообщений.

Ещё один способ – воспользоваться колесом мыши. Можно крутить его вверх и также спустя долгое время добраться к началу диалога. При этом можно настроить автоматическое прокручивание страницы. Чтобы это сделать следует:

Навести курсор мыши на свободное место страницы. При чём важно выбрать область внизу страницы, иначе способ не сработает.
Нажать колёсиком мыши по выбранному пустому месту.
С помощью перемещения курсора вверх, можно регулировать как быстро будет прокручиваться страница.

Важно! Чтобы начала прогружаться следующая порция сообщений, следует периодически шевелить мышью.

Оба способа нельзя назвать эффективными, так как для достижения цели придётся потратить уйму времени. Также есть высокая вероятность, что в определённый момент, когда на странице появится много информации, браузер закроется в аварийном режиме. Существуют и более быстрый способы поиска.

Использование адресной строки браузера

Одним из результативных и относительно быстрых способов перемотки переписки является поиск. ВКонтакте поддерживает работу с GET-запросами. Нет необходимости углубляться в особенности этого протокола, достаточно провести всё то же самое, что и в примере.

Как перемотать диалог:

Перейти на вкладку «Сообщения» с главной страницы ВКонтакте.
Открыть подходящую переписку.
Нажать на адресную строку и в конец добавить набор символов &msgid=1.
Осталось лишь нажать на Enter и весь диалог откроется с первого сообщения.

Пролистывание диалога с помощью поиска

На вкладке с диалогом есть возможность поиска информации в пределах этой страницы. С помощью поиска можно легко находить определённые ключевые слова в переписке. Чтобы использовать эту функцию, достаточно нажать на иконку в виде лупы, она называется «Поиск по беседе». Остаётся ввести слово или выражение и нажать на «Поиск».

Наибольший интерес вызывает один из элементов этой функции – календарь. Кнопка с доп. настройками появляется рядом с иконкой поиска и имеет вид трёх горизонтально расположенных точек. После нажатия на иконку, можно выбрать день или даже год, в котором пользователь хочет выполнить поиск.

Как пролистать беседу в ВКонтакте на смартфоне?

На мобильных платформах самый удобный способ использования ВК подразумевает применение специального приложения. Здесь скроллинг выполняется значительно проще, чем в десктопной версии сервиса. В приложении под диалогом указаны номера страниц. Нажимая на них, можно довольно быстро перемотать беседу в начало.

Аналогичный способ доступен и пользователям ПК. Им придётся перейти на мобильную версию сервиса, добавив в начало строки m., должно получиться https://m.vk.com/. Здесь остаётся перейти на страницу с диалогом и внизу нажать на номер страницу «1». Здесь появятся самые первые сообщения между пользователями.

Это не всё, есть ещё 3 способа пролистывания диалога к началу:

Нажать на кнопку поиска вверху страницу с беседой. Поиск происходит по аналогии с ПК-версией программы.
С помощью приложения «Kate Mobile». Оно довольно популярно благодаря расширению некоторых возможностей ВК. Пользователю нужно на странице с диалогом нажать на вертикальное троеточие и выбрать функцию «Начало переписки».
Последний способ – опять же добавление кода &msgid=1 к URL-адресу страницы. В беседе с пользователем следует нажать на адресную строку и вставить код &msgid=1 в её конец.

Если сравнить все способы пролистывания диалога в самое начало, самым быстрым и простым является добавление кода в адресную строку. Вся процедура займёт порядка 10-20 секунд. Если что-то не получилось с прошлым способом, лучше прибегнуть к мобильной версии ВК.

html — Сохранить нижний колонтитул внизу страницы (с прокруткой при необходимости)

спросил 8 лет, 6 месяцев назад

Изменено 1 год, 1 месяц назад

Просмотрено 95 тысяч раз

Я пытаюсь показать нижний колонтитул внизу страницы. И если страница длиннее, чем 1 экран, мне нравится, чтобы нижний колонтитул отображался только после прокрутки вниз. Поэтому я не могу использовать «позиция: фиксированная», потому что тогда она всегда будет отображаться.

Я пытаюсь скопировать следующий пример: http://peterned.home.xs4all.nl/examples/csslayout1.html

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

 положение: абсолютное; внизу: 0

У меня есть как короткие, так и длинные страницы, и я хотел бы, чтобы она была внизу обеих.

Как сохранить нижний колонтитул внизу на длинной странице?

Fiddle

Я создал эти скрипты, чтобы показать проблему и протестировать код. Пожалуйста, опубликуйте рабочий пример с вашим решением.

Короткая страница
Длинная страница

Мой нижний колонтитул css:

 html, body {
    маржа: 0;
    заполнение: 0;
    высота:100%; /* требуется для минимальной высоты контейнера */
}
. содержание {
    должность: родственница; /* требуется для позиционирования нижнего колонтитула*/
    поле:0 авто; /* по центру, не в IE5 */
    высота:авто !важно; /* настоящие браузеры */
    высота:100%; /* IE6: используется как минимальная высота*/
    минимальная высота: 100%; /* настоящие браузеры */
}
/* --- Нижний колонтитул --- */
.footerbar { позиция: абсолютная;
                                            ширина: 100%;
                                            внизу: 0;
                                            белый цвет;
                                            цвет фона: #202020;
                                            размер шрифта: 12px; }
a.nav-нижний колонтитул: ссылка,
a.nav-footer:visited { цвет: белый !важно; }
a.nav-нижний колонтитул: наведение,
a.nav-footer: focus { цвет: черный! важно;
                                            background-color: #E7E7E7 !важно; }

HTML
CSS
нижний колонтитул

Я бы предложил подход «липкий нижний колонтитул».

См. следующую ссылку:

Sticky Footer

Опять же, вот где flexbox’ы приходят с чистым хаком: flex-grow .

Прежде всего, давайте посмотрим код:

 div#container {
  /* Сила флексбоксов! */
  дисплей: гибкий;
  отображение: -webkit-flex;
  flex-направление: столбец;
  мин-высота: 100вх;
}
div#контейнер div#content {
  /* Ключевая часть: используем оставшееся место! */
  гибкий рост: 1;
}
div#нижний колонтитул {
  flex-база: 100px;
}
/* Внешний вид не важен */
тело {
  маржа: 0;
  семейство шрифтов: Fira Code;
}
@keyframeschangeHeight {
  0% {высота: 30 пикселей}
  10% {высота: 30 пикселей}
  50% {высота: 400 пикселей}
  60% {высота: 400 пикселей}
  100% {высота: 30 пикселей}
}
раздел, нижний колонтитул {
  белый цвет;
  выравнивание текста: по центру;
}
div#раздел содержимого {
  цвет фона: синий;
  анимация: changeHeight 10s бесконечная линейная;
}
нижний колонтитул {
  цвет фона: индиго;
}

 <дел>
  <дел>
    
    Основное содержание

<нижний колонтитул> Нижний колонтитул

Если содержимое в #content не может достигать нижнего колонтитула, тогда flex-grow расширяет элемент до оставшегося места, так как #container имеет минимальную высоту 100vh (т. е. высоту области просмотра). Очевидно, если высота #content плюс нижний колонтитул превышает высоту области просмотра, #container будет прокручиваться. Таким образом, нижний колонтитул всегда остается в самом низу.

Анимация во фрагменте, который относится к разделу примера внутри #content , пытается показать вам то же самое: его высота меняется между 30px и 400px (при необходимости измените его на большее значение).

Также для информации посмотрите разницу между flex-basis и высота (или ширина ).

Совет: Если в CSS3 что-то не работает, взгляните на флексбоксы и сетки. Они часто предлагают чистые решения.

Надеюсь, это поможет.

Заменить высоту на overflow:auto; & присвойте телу позицию

 html,body {
    должность: родственница; 
    маржа: 0;
    заполнение: 0;
    переполнение:авто; 
}

Расположите нижний колонтитул относительно основного текста

 /* --- Нижний колонтитул --- */
.
  нижний колонтитул {
    положение: родственник; 
    ширина: 100%;
    внизу: 0;
    белый цвет;
    цвет фона: #202020;
    размер шрифта: 12px;
}

Возможно, всегда лучше расположить ваши элементы относительно друг друга, особенно ваши основные элементы, такие как нижние колонтитулы в этом случае.

 минимальная высота: 400 пикселей; 
}

Теперь у нас есть flex-box, который очень прост.

 корпус {
        высота: 100вх;
        дисплей: гибкий;
        flex-направление: столбец;
        выравнивание содержимого: пробел между;
    }

Примечание: мы должны содержать только два div внутри тела. Один для нижнего колонтитула, другой для остальных элементов

Некоторое время мы боролись с этой проблемой. Div с несколькими вложенными div в сочетании с хаками и патчами превратился для нас в кошмар.

Всегда были сюрпризы, которые требовали больше хаков и больше патчей. вот то, что мы остановились на:

CSS:

 HTML, тело {
    поле: 0px;
    отступ: 0px;
    высота: 100%;
    цвет: #6f643a;
    семейство шрифтов: Arial;
    размер шрифта: 11pt;
}
форма {
   высота: 100%;
}

body:

Это все, что вам нужно. — если вы используете asp.net, не игнорируйте высоту формы.

Здесь есть отличный учебник по нижнему колонтитулу.

Демонстрационная страница находится здесь.

Основная предпосылка заключается в том, что главная страница растягивается на 100% страницы. С минимальной высотой 100% тоже.

Нижний колонтитул получает следующие правила:

 .footerbar {
    ясно: оба;
    положение: родственник;
    z-индекс: 10;
    высота: 3см;
    поле сверху: -3em;
}

 HTML, тело {
    маржа: 0;
    заполнение: 0;
    высота:100%;
}
.содержание {
    отступ: 10 пикселей;
    заполнение снизу: 80px; /* Высота элемента нижнего колонтитула */
}
.нижний колонтитул {
    ширина:100%;
    высота: 80 пикселей;
    положение: абсолютное;
    дно:0;
    слева:0;
}

Если IE7

Установка « position » как « fixed » с « bottom: 0 » решила мои проблемы. Теперь он отзывчивый, нижний колонтитул отображается правильно ( и остается там даже при прокрутке ) как на больших экранах ( ПК, ноутбук ), так и на меньших экранах ( смартфон ).

 .нижний колонтитул {
  дисплей: гибкий;
  выравнивание содержимого: по центру;
  выравнивание элементов: по центру;
  выравнивание текста: по центру;
  положение: фиксированное;
  внизу: 0;
  ширина: 100vw;
  мин-высота: 3вх;
}

 положение: фиксированное;
дно:0;

Добавьте это в нижний колонтитул, если вы хотите, чтобы нижний колонтитул был внизу при прокрутке.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

html — Сохранение нижнего колонтитула внизу окна на сайте, который прокручивается по горизонтали

спросил 12 лет, 2 месяца назад

Изменено 6 лет, 10 месяцев назад

Просмотрено 76 тысяч раз

У меня сайт с полностью горизонтальной прокруткой,

TopNav (фиксированное положение)

Nav (фиксированное положение)

Контент (прокрутка вбок)

Нижний колонтитул (фиксированное положение)

Кажется, все работает отлично, но проблема заключается в том, что если содержимое достаточно велико для горизонтальной прокрутки, оно помещает нижний колонтитул за горизонтальную прокрутку -bar, поэтому на нескольких страницах я сделал #footer { bottom:16px } или около того, чтобы учесть горизонтальную полосу прокрутки.

У меня проблемы с разными разрешениями монитора. Очевидно, что содержимое будет прокручиваться горизонтально или нет в зависимости от размера окна. Есть ли способ сохранить нижний колонтитул внизу (или над горизонтальной полосой прокрутки) НЕЗАВИСИМО ОТ КАКОГО разрешения или размера окна?

html
css
прокрутка
липкий нижний колонтитул

После долгих проб и ошибок я пришел к выводу, что это лучшее решение для всегда нижнего колонтитула:

HTML:

 
    <дел>

CSS:

 .нижний колонтитул {
    высота: 24px; // Замените на высоту вашего нижнего колонтитула
    ширина: 100%; // Не изменять
    фоновое изображение: нет;
    фоновый повтор: повтор;
    background-attachment: прокрутка;
    фоновая позиция: 0% 0%;
    положение: фиксированное;
    внизу: 0pt;
    слева: 0pt;
}
.footer_contents {
    высота: 24px; // Замените на высоту вашего нижнего колонтитула
    ширина: 1000 пикселей; // Видимая ширина нижнего колонтитула
    поля:авто;
}

 <дел>
    <дел>
    <дел>
    <дел>

CSS

 html,
тело {
    маржа: 0;
    заполнение: 0;
    высота:100%;
}
#контейнер {
    минимальная высота: 100%;
    должность: родственница;
}
# заголовок {
    фон:#ff0;
    отступ: 10 пикселей;
}
#тело {
    отступ: 10 пикселей;
    заполнение снизу: 60px; /* Высота нижнего колонтитула */
}
#нижний колонтитул {
    положение: абсолютное;
    дно:0;
    ширина:100%;
    высота: 60 пикселей; /* Высота нижнего колонтитула */
    фон:#6cf;
}

И одно простое правило CSS для IE 6 и IE 5. 5:

 #container {
    высота:100%;
}

Я вижу две возможности:

1-й вариант Заставить тело всегда показывать полосу прокрутки. Но это может выглядеть странно.

 body { переполнение-x: прокрутка; }

2-я опция Разместите контейнер с контентом всегда над нижним колонтитулом. это возможно, если ваш нижний колонтитул имеет фиксированную высоту. Тогда у вас будет полоса прокрутки над нижним колонтитулом.

 <дел>
    А вот и ваш контент

И здесь CSS я сейчас объясню

 body, html {
    высота: 100%;
    переполнение: скрыто;
}
#contentWrapper {
    переполнение-х: авто;
    переполнение-y: скрыто;
    высота: 100%;
    верхнее поле: -16px; // добавляем высоту нижнего колонтитула
}
#содержание {
    padding-top: 16px; // добавляем высоту нижнего колонтитула
    ширина: 6000 пикселей;
}

#contentWrapper должен иметь отрицательное поле высоты полосы прокрутки плюс высота нижнего колонтитула.

Оставить комментарий

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарий *

Имя *

Email *

Сайт

содержимое идет сюда

авторское право:Щенок нижний колонтитул идет сюда