VPF::после перезагрузки страница скроллится вверх

bork

Дата 11.4.2009, 22:08 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 98
Регистрация: 4.1.2008

Репутация: нет
Всего: нет

Есть небольшая задачка:

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

Возможно ли после обновления страницы, что бы страница открывалась в том же месте "прокрутки" ?

bars80080

Дата 11.4.2009, 22:23 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 71
Всего: 315

можно, только это вопрос никоим образом не пхп

почему, если ссылка ведёт на перезагрузку страницы нельзя указать в ссылке якорь #anchor, а рядом с ссылкой (или даже попробовать в ней) указать этот якорь <a name="anchor">?

bork

Дата 11.4.2009, 22:44 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 98
Регистрация: 4.1.2008

Репутация: нет
Всего: нет

Цитата(bars80080 @ 11.4.2009, 22:23)

Интересная идея, спасибо, попробую.

Если у кого ещё есть идеи, буду рад выслушать.

awers

Дата 12.4.2009, 03:51 (ссылка)

(голосов:3)

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: 21
Всего: 31

bork, другие идеи живут в разделе Javascript =)

ksnk

Дата 12.4.2009, 09:16 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 96
Всего: 386

На JavaScript написать функцию чтения-сохранения кук и писать чего-то вроде этакого. Примерчик на jQuery, но суть, imho, должна быть понятна.
Все ссылки, которые должны сохранить позицию скролла, должны быть в контейнере с классом "storepos":

Код


$(function(){ // вызывается во время onLoad
        var scroll = cookie('scroll');
        if (scroll) {
            window.scrollTo(0, scroll);
            cookie('scroll', 0); // удалить куку напрочъ.
        }
        $('.storepos a').click(function(){
            cookie('scroll' 
            , (window.scrollY) ? window.scrollY 
              : document.documentElement.scrollTop ? document.documentElement.scrollTop 
              : document.body.scrollTop
            , {
                expires: 10000 // через 10 секунд будет неактуально!
              })
        })
})

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| PHP: Общие вопросы \| Следующая тема »