Как сохранить положение скрола?

Question

[eellazy]

Всем привет! Как можно сохранить положения скрол бара?

А теперь поподробнее...

У меня блок в котором выводятся слова. Слова берутся из БД. То есть по порядку слова расположены так:

слово 5
слово 4
слово 3
слово 2
слово 1

При добавлении нового слова оно пишется в конец этого списка. "Слово 5" становится "Слово 6", "Слово 4" становится "Слово 5" и так далее. Все что я добавляю новое, оно пишется вниз и что бы прочитать это нужно скролом пролистать вниз. По сути при обновлении страницы я всегда вижу старую запись. Как можно сделать так что бы информация в блоке уже изначально была бы прокручена вниз.

Ой... начал писать но вспомнил.
Когда сообщения в контакте приходят то мы видим новые, а чтобы прочитать старые листаем вверх. Тоже самое нужно сделать.

Подскажите как это организовать

<?php
                            include("config/config_database.php");
                            $result = mysql_query(" SELECT * FROM eb_notes ");
                            mysql_close();
                            while ($row = mysql_fetch_array ($result)) { ?>

                            
                                    <h1><?php echo $row ['description']; ?></h1>
                                    <h5><?php echo $row ['date']; ?></h5>
                                    <h5><?php echo $row ['time']; ?></h5>
                                
                        <?php }?>

Comments

[OVK2015]

Как на страницу блоки со словами добавляете?

[eellazy]

OVK2015: добавил в описание. Спасибо

[OVK2015]

eellazy:
Добавляйте не сразу на страницу, а в какой-то массив. Потом php.net/manual/en/function.array-reverse.php и отображаете соодержимое

[eellazy]

OVK2015: да, но вся суть в том что бы скрол всегда был снизу

[OVK2015]

Прокручивал к старым сообщениям что ли?

[eellazy]

наоборот. К новым. Сейчас у меня сверху старые слова. Это правильно. Все новые слова снизу. Так вот мне нужно что бы всегда было прокручено вниз

[OVK2015]

eellazy: Как справедливо заметил Игорь Игорь на чистом php вы этого не сделает. Страница в браузере пользователя, а php крутится на сервере. Тут работают AJAX или сокеты

[Serge K]

ajax пора начинать учить

Answer 1

[Игорь]

если я правильно понял то достаточно дописать сортировку в запрос
SELECT * FROM eb_notes ORDER BY `id` DESC

Comments

[eellazy]

то есть выводить с конца?

[eellazy]

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

[Игорь]

Аа, стоп, суть вопроса как прокрутить вниз, до конца?
Это я не в ту степь, если вы хотите средствами php прокрутить станицу вниз, то тут никак.
тут нужно средствами js

[Игорь]

Что бы прокрутить блок или станицу в низ с помощю чистого js
если отдельный блок с overflow : scroll

var block = document.getElementById("block");
 block.scrollTop = block.scrollHeight;

если полностью страница

document.body.scrollTop = document.body.scrollHeight;

если нужно то все можно переписать под jquery

[eellazy]

Игорь: хм... а как лучше? jquery или все же js?

[Игорь]

eellazy: если библиотека jquery уже используется то логичнее переписать, если ее нет то и незачем ее волочить ради одной функции. Хотя если используете ajax, думаю она будет

[eellazy]

Игорь: У меня блок называется "b111"

так ?

[Игорь]

не знаю =)
getElementById("#id_блока со кроллом")</cobe>

[eellazy]

Игорь: то есть обязательно нужно айди? простой клас не подойдет?

[Игорь]

eellazy: добавь id к элементу если нету и все. Что бы указать класс нужно заменить на getElementsByClassName

[Игорь]

eellazy: или если есть jquery

var block = $('.className');
 block.scrollTop = block.scrollHeight;